FCKEdit

FCKEdit是一个javascript的组件,主要用于在线文本编辑.还有一个是tinyMCE功能类似下载地址http://tinymce.moxiecode.com/。

首先下载:http://sourceforge.net/project/downloading.php?group_id=75348&filename=FCKeditor_2.6.2.zip
然后解压后把包放到Webroot目录下,删去不需要的文件,页面代码如下:

<%@ page language="java"  pageEncoding="UTF-8"%>
<% String context=request.getContextPath();%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
      <title>My JSP 'index.jsp' starting page </title>
<script type="text/javascript" src=" <%=context%>/fckeditor/fckeditor.js"> </script>
  </head>
 
  <body>
  <script type="text/javascript">
    var oFCKeditor = new FCKeditor("content");
    oFCKeditor.BasePath = ' <%=context%>/fckeditor/' ;
    oFCKeditor.Height = 300 ;
    oFCKeditor.ToolbarSet = 'Default';
    oFCKeditor.Create() ;
</script>
  </body>
</html>
这里只是最基本的使用,以下是载抄别人的代码:

基于java使用FCKedit......

基于java使用FCKeditor 

基于java使用FCKeditor:

试用了一下FCKeditor,感觉不错(http://www.fckeditor.net)

稍稍整理了一下,过程如下:

1.下载

FCKeditor.java 2.3  (FCKeditot for java)

FCKeditor 2.2 (FCKeditor基本文件)

2.建立项目:tomcat/webapps/FCKeditor

3.FCKeditor.java 2.3解压后,把其中的web目录下的WEB-INF目录copy到FCKeditor下(里面有commons-fileupload.jar,FCKeditor-2.3.jar,web.xml等几个文件), 把其中的src目录下的FCKeditor.tld文件copy到FCKeitor/WEB-INF/下

4.修改web.xml:

  把SimpleUploader中的配置属性enabled定义为true(开启文件上传功能)

  添加标签定义:

  <taglib>

    <taglib-uri>/FCKeditor </taglib-uri>

    <taglib-location>/WEB-INF/FCKeditor.tld </taglib-location>

  </taglib>

5.解压FCKeditor2.2后,把目录/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copy到/FCKeditor下

  删除目录/editor/_source,

  删除/editor/filemanager/browser/default/connectors/下的所有文件

  删除/editor/filemanager/upload/下的所有文件

  删除/editor/lang/下的除了fcklanguagemanager.js, en.js, zh.js, zh-cn.js四个文件的所有文件

6.打开/FCKeditor/fckconfig.js

  修改 FCKConfig.DefaultLanguage = 'zh-cn' ; 

  把FCKConfig.LinkBrowserURL等的值替换成以下内容:

  FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

  FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

  FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

  FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;

  FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

  FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;

7.添加文件 /FCKeditor/test.jsp:

<%@ page language="java" import="com.fredck.FCKeditor.*" %>

<%@ taglib uri="/FCKeditor" prefix="FCK" %>

<script type="text/javascript" src="/FCKeditor/fckeditor.js"> </script>

<%--

三种方法调用FCKeditor

1.FCKeditor自定义标签 (必须加头文件  <%@ taglib uri="/FCKeditor" prefix="FCK" %> )

2.script脚本语言调用 (必须引用 脚本文件 <script type="text/javascript" src="/FCKeditor/fckeditor.js"> </script> )

3.FCKeditor API 调用 (必须加头文件 <%@ page language="java" import="com.fredck.FCKeditor.*" %> )

--%>

<%--

<form action="show.jsp" method="post" target="_blank">

<FCK:editor id="content" basePath="/FCKeditor/"

      width="700"

      height="500"

      skinPath="/FCKeditor/editor/skins/silver/"

      toolbarSet = "Default"

>

input

        </FCK:editor>

<input type="submit" value="Submit">

</form>

--%>

<form action="show.jsp" method="post" target="_blank">

<table border="0" width="700"> <tr> <td>

<textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 400px">input </textarea>

<script type="text/javascript">

var oFCKeditor = new FCKeditor('content') ;

oFCKeditor.BasePath = "/FCKeditor/" ;

oFCKeditor.Height = 400;

oFCKeditor.ToolbarSet = "Default" ; 

oFCKeditor.ReplaceTextarea();

</script>

<input type="submit" value="Submit">

</td> </tr> </table>

</form>

<%--

<form action="show.jsp" method="post" target="_blank">

<%

FCKeditor oFCKeditor ;

oFCKeditor = new FCKeditor( request, "content" ) ;

oFCKeditor.setBasePath( "/FCKeditor/" ) ;

oFCKeditor.setValue( "input" );

out.println( oFCKeditor.create() ) ;

%>

<br>

<input type="submit" value="Submit">

</form>

--%>

  添加文件/FCKeditor/show.jsp:

<%

String content = request.getParameter("content");

out.print(content);

%>

8.浏览http://localhost:8080/FCKeditor/test.jsp

  ok!

9.上传遇到错误: internal server error 500,

  直接引用servlet(com.fredck.FCKeditor.connector.ConnectorServlet)也遇到错误: "Provider org.apache.xalan.processor.TransformerFactoryImpl not found",

  拷贝xalan.jar到lib目录就可以了

你可能感兴趣的:(JavaScript,jsp,Web,fckeditor,tinymce)