今日有幸尝试了一下传说中的FCKeditor。FCKeditor确实是比较强大的编辑器,而且又是开源的,但配置起来也并不是想象中那样简单。反而因为路径导致了出现“找不到网页”的错误。还好都解决了,以下即是综合了网络和我自己的心得:
- 下载:
http://www.fckeditor.net/
FCKeditor.java-2.3 (FCKeditot for java)
FCKeditor_2.3.2 (FCKeditor基本文件) - 将FCKeditor2.3.2解压缩到项目的根目录下,目录结构为:/项目名/FCKeditor/ ,然后将FCKeditor-2.3.zip压缩包中/web/WEB-INF/lib/目录下的两个jar文件拷到项目的/WEB-INF/lib/目录下。
- 将FCKeditor-2.3.zip压缩包中/web/WEB-INF/目录下的web.xml文件合并到项目的/WEB-INF/目录下的web.xml文件中。
- 修改合并后的web.xml文件,将名为SimpleUploader的Servlet的enabled参数值改为true,以允许上传功能,Connector Servlet的baseDir参数值用于设置上传文件存放的位置。
- 依然是修改web.xml文件,修改两个<servlet-mapping>中<url-pattern>为:
<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/upload1/simpleuploader</url-pattern>
</servlet-mapping> - 在web.xml文件中加入:
<taglib>
<taglib-uri>FCK</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib> - 修改fckconfig.js文件:
1).FCKConfig.DefaultLanguage = 'zh-cn' ;
2).FCKConfig.ToolbarSets["Basic"] = [
['Source','Image','-','Bold','Italic','-','FontName','FontSize','-','OrderedList','UnorderedList','-','Link','Unlink',
'-','TextColor']
] ; //修改基本的工具
3).FCKConfig.ToolbarSets["Img"] = [
['Source','Image']
]; //新增一个名为"Img"的工具条,仅用于上传图片
4).FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Times New Roman;Verdana' ; //修改字体选择为常用类型
5).var _FileBrowserLanguage = 'jsp' ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = 'jsp' ; // asp | aspx | cfm | lasso | php //修改上传语言,默认是ASP
==============以下是页面中的配置了==================================
- 在JSP页面顶部加上:<%@ taglib uri="FCK" prefix="FCK" %> (与web.xml里面的对应哦)
- form表单内容:
<form action="getimgnewsvalue.jsp" method="post" target="_blank" class="en_pt9">
标题:
<input name="title" type="text" class="in_form" size="40">
<input name="category" type="hidden" value="PicNews" >
<br>
插入图片:
<FCK:editor id="imgurl" basePath="/项目名/FCKeditor/" height="400"
toolbarSet="Img"
imageBrowserURL="/项目名/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/项目名/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector">
</FCK:editor>
<br>新闻内容:
<FCK:editor id="EditorDefault" basePath="/项目名/FCKeditor/" height="400"
toolbarSet="Basic"
imageBrowserURL="/项目名/FCKeditor/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"
linkBrowserURL="/项目名/FCKeditor/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector">
This is the default content.
</FCK:editor>
<input name="Submit" type="submit" class="in_form" value="提交" >
<br>
</form>
注意:两个编辑器的工具条不一样,分别是我定义的Img和系统自己的Basic,如果不写toolbarSet,则系统调用的是Default工具条
====================其他问题========================
- 在上传图片的时候,浏览图片服务器如果出现错误:XML request error: Internal Server Error(500)
是因为没有没有xml解析器,解决方法:到 http://apache.justdn.org/xml/xalan-j/binaries/
下载 xalan-j_2_7_0-bin-2jars.zip
解压后把 xalan.jar,serializer.jar拷贝到应用的lib目录下