FCKeditor 使用方法及最头疼的错误

今日有幸尝试了一下传说中的FCKeditor。FCKeditor确实是比较强大的编辑器,而且又是开源的,但配置起来也并不是想象中那样简单。反而因为路径导致了出现“找不到网页”的错误。还好都解决了,以下即是综合了网络和我自己的心得:
  1. 下载:
    http://www.fckeditor.net/
    FCKeditor.java-2.3   (FCKeditot for java)
    FCKeditor_2.3.2 (FCKeditor基本文件)
  2. 将FCKeditor2.3.2解压缩到项目的根目录下,目录结构为:/项目名/FCKeditor/ ,然后将FCKeditor-2.3.zip压缩包中/web/WEB-INF/lib/目录下的两个jar文件拷到项目的/WEB-INF/lib/目录下。
  3. 将FCKeditor-2.3.zip压缩包中/web/WEB-INF/目录下的web.xml文件合并到项目的/WEB-INF/目录下的web.xml文件中。
  4. 修改合并后的web.xml文件,将名为SimpleUploader的Servlet的enabled参数值改为true,以允许上传功能,Connector Servlet的baseDir参数值用于设置上传文件存放的位置。
  5. 依然是修改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>
  6. 在web.xml文件中加入:
    <taglib>
         <taglib-uri>FCK</taglib-uri>
         <taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
    </taglib>
  7. 修改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

==============以下是页面中的配置了==================================

  1. 在JSP页面顶部加上:<%@ taglib uri="FCK" prefix="FCK" %>   (与web.xml里面的对应哦)
  2. 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工具条

====================其他问题========================

  1. 在上传图片的时候,浏览图片服务器如果出现错误: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目录下
  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值