在jsp站点中引入FCKeditor在线编辑器

首先,从官方站点下载文件包 只要的有三个文件 

  1. FCKeditor                          下载地址:http://ckeditor.com/download
  2. FCKeditor for Java             下载地址:http://ckeditor.com/download
  3. demo包 (内含一个jar文件,选择版本下载war文件,放到tomcatwapps目录下启动tomcat就会看见一个同名的站点,里面的lib文件夹下有slf4j-simple-1.。。。.jar) 下载地址: http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/

接下来我们就开始对配置FCKEditor控件进行两项工作:
    第一:解压缩FCKeditor_2.6.3.zip,在其中我们能找到一个文件夹叫fckeditor,那么将这个文件夹整个复制到你的web应用的根目录下,就是存放jsp页面的地方。
    第二:解压缩fckeditor-java-2.4.1-bin.zip,将这样几个jar文件复制到web应用的WEB-INF\lib目录中(commons-fileupload-1.2.1.jar,commons-io-1.3.2.jar,java-core-2.4.1.jar,slf4j-api-1.5.2.jar,slf4j-simple-1.5.2.jar),其中最后一个文件在这个zip包中可能不存在,那么你可以去这个链接地址下载一个文件叫fckeditor-java-2.4.1-bin.zip (下载地址:http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511),在这个war文件中的lib中存在上述的5个jar文件,其实在war中也包含了FCKEditor控件的内容,也就是说如果你只是下载了war也可以了。然后在classpath目录中创建一个名叫为fckeditor.properties的文件,文件中放置一行内容为:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl,
    在web.xml中添加一个Servlet的配置,配置内容如下:
    <servlet>
       <servlet>
       <servlet-name>Connector</servlet-name>
       <servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class>
       <load-on-startup>1</load-on-startup>
   </servlet>

   <servlet-mapping>
       <servlet-name>Connector</servlet-name>
       <url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
   </servlet-mapping>

   好了,现在你已经完成了配置的过程,接下来我们需要在jsp中使用FCKEditor控件了,在需要使用这个控件的jsp文件的开头添加标签库的引入语句:<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>,在使用控件进行文本格式化输入的地方(原来你可能使用的textarea标签)使用如下的内容来替换原来的输入控件:
   <FCK:editor instanceName="EditorDefault">
       控件中要显示的初始内容
   </FCK:editor>
   其中instanceName属性的值就相当于form表单中的input的name值。就是表单提交时候的键值对中的键的名字。

 

您也可以对其进行削减,删掉不用的东西。

    删除fckeditor目录下面所有以“_”开头的文件或者文件夹,像"_samples"、"_documentation.html“等
     删除fckeditor目录下面除了,fckconfig.js   fckpackage.xml fckstyles.xml   fcktemplates.xml外的所有文件,当然要保留editor文件夹
     删除fckeditor/editor/lang目录下面除了en.js、 zh-cn.js外的所有文件
     删除fckeditor\editor\filemanager目录下面的connectors文件夹
     删除editor\skins目录下面除了default下面的文件夹,这个里面是皮肤,共有三种,可以在fckconfig.js里面设置。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值