WEB中FCKeditor文本编辑器配置

最新推荐文章于 2024-08-03 21:02:21 发布

qiye2008

最新推荐文章于 2024-08-03 21:02:21 发布

阅读量634

点赞数

文章标签： fckeditor 文本编辑 web jsp java jar

本文链接：https://blog.csdn.net/qiye2008/article/details/3971525

版权

1、下载
在http://www.fckeditor.net/download/default.html下载FCKeditor的最新版本2.0RC，由于我们使用的是Java，还要在

http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511

这个地址下载FCKeditor for java的工具包，这里面提供了标签库和图片上传的jar。
2、安装
下载完成后，在J2EE应用中，假设为fcktest，建立文件夹FCKeditor，将FCKeditor_2.0中的editor目录及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml等文件拷贝到FCKeditor目录下。

然后我们将FCKeditor-2.3/web/WEB-INF/lib中的两个jar包拷贝到/fcktest/WEB-INF/lib目录下，将FCKeditor-2.3/src下的FCKeditor.tld拷贝到/fcktest/WEB-INF下。

     编辑/fcktest/WEB-INF/web.xml文件，将FCKeditor-2.3/web/WEB-INF/web.xml里的内容复制过来，修改<servlet-mapping>里的内容为：
<servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
</servlet-mapping>

<servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern>
</servlet-mapping>

    并且添加以下内容：
<taglib>
   <taglib-uri>/FCKeditor</taglib-uri>
   <taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>

3、使用

假设我们在根目录下建立了index.jsp页面，在该页面中希望使用文本编辑工具，可以参考下面的页面代码：
<%@ page contentType="text/html;charset=GBK"%>
<%@ taglib uri="/FCKeditor" prefix="FCK" %>

<html>
<head>
   <title>Welcome</title>

</head>
<body>
<form name="form1" action='success.jsp' method="post">
   <FCK:editor id="EditorAccessibility"
      width="80%" height="320"
      fontNames="宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;Courier

New;Tahoma;Times New Roman;Verdana"

imageBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?

Type=Image&Connector=connectors/jsp/connector"

linkBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?

Connector=connectors/jsp/connector"

flashBrowserURL="/fkctest/FCKeditor/editor/filemanager/browser/default/browser.html?

Type=Flash&Connector=connectors/jsp/connector"

imageUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Image"

linkUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=File"

flashUploadURL="/fkctest/FCKeditor/editor/filemanager/upload/simpleuploader?Type=Flash">

   </FCK:editor>

   <input type="submit" name="SubM" value="发表" />
</form>
</body>
</html>

在该页面中，我们使用了FCKeditor提供的标签，具体属性我就不详细介绍了，估计大家一看就明白了。

4、内容传递

      那么，我们如何使用FCKeditor中的内容呢，按照我们一般的做法，是将form提交到下一个页面进行处理，在该页面中得到编辑器中的内容，然后存入数据库等等。有两种方法，可以实现。
     第一，设置submit按钮，提交后，使用request.getParameter("EditorAccessibility")，即可得到相应的内容。
     第二，直接点击保存按钮，即可实现提交。

5、相关设置

    图片快速上传，需要修改web.xml文件中的
<init-param>
    <param-name>enabled</param-name>
    <param-value>false</param-value>
   </init-param>
      将其中false改为true，即可实现快速上传。
     不需要服务器启动时显示相关信息，可修改web.xml文件中的
<init-param>
    <param-name>debug</param-name>
    <param-value>true</param-value>
   </init-param>
     将其中的true改为false即可。
     清楚不需要的文件，editor目录下_source文件夹可以删除，editor/filemanager/browser/default/connectors下除jsp相关的文件外也可删除，

editor/filemanager/upload除jsp相关的文件外也可删除，editor/lang下的语言文件，保留英文和中文

及fcklanguagemanager.js即可，其他的一律可以删除。

qiye2008

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
WEB中FCKeditor文本编辑器配置

1、下载在http://www.fckeditor.net/download/default.html下载FCKeditor的最新版本2.0RC，由于我们使用的是Java，还要在 http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511这个地址下载FCKeditor for ja
复制链接

扫一扫