FCKEditor使用、修改源代码经验总结

最新推荐文章于 2012-03-25 19:12:00 发布
最新推荐文章于 2012-03-25 19:12:00 发布
阅读量204 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： JavaWeb 文章标签： fckeditor Java Servlet JSP Web
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/suhuanzheng7784877/article/details/83804445

FCKEditor使用、修改源代码经验总结

作者：刘岩

Email：suhuanzheng7784877@163.com

前言：

废话不多说了，搞过web开发的人大概都知道FCKeditor是做为在线HTML编辑器的，类似于word的编辑试图和展现方式，实际上幕后依然是转成了HTML脚本的。因为笔者使用的是Java语言，所以开发环境也是基于Java的IDE，其他语言的版本的集成和使用请查阅google。在使用fck中会遇到一些问题，大家需要修改一下它的源代码（还好它是开源的）才能解决。

下载：

从网站http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.4.1/下载压缩包，和源代码包src（内涵源代码，版本因人而异，个人觉得2.4.1足够了）

在自己的项目中使用FCKeditor：

1.在自己的web项目中添加一下jar包

 

/FCKDemo/WebRoot/WEB-INF/lib/commons-fileupload-1.2.1.jar

/FCKDemo/WebRoot/WEB-INF/lib/commons-io-1.3.2.jar

/FCKDemo/WebRoot/WEB-INF/lib/slf4j-api-1.5.2.jar

/FCKDemo/WebRoot/WEB-INF/lib/slf4j-simple-1.5.2.jar

/FCKDemo/WebRoot/WEB-INF/lib/java-core-2.4.1.jar

其中java-core-2.4.1.jar是fck自己的java程序原包、里面包含了fck的核心servlet和一些辅助util处理类。它在fckeditor-java-2.4.1-bin.zip的根目录下面。commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar在fckeditor-java-2.4.1-bin.zip的lib下面，而slf4j-simple-1.5.2.jar需要读者自己从网上下载。

2.在您的web项目src下面添加fckeditor.properties文件，内容如下

 

connector.userFilesPath=/UserUploadFile

connector.resourceType.file.extensions.allowed=|jpg|gif|png|rar|zip|txt|doc|wma|wmv|mp3|flv|swf|

connector.resourceType.media.extensions.allowed=|wma|wmv|mp3|flv|swf|

connector.resourceType.image.extensions.allowed=|jpg|png|gif|

connector.resourceType.flash.extensions.allowed=|swf|

connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl

fckeditor.basePath = /fckeditor

fckeditor.skinPath =/skins/silver/

配置文件里面的配置相信聪明的您一看英文就知道什么意思了，虽然笔者英语很差，但是也大概知道配置的大致意思。

3.引入fckeditor的javascript文件

把您下载的源码包fckeditor-java-2.4.1-src.zip中的

fckeditor-java-2.4.1-src.zip\fckeditor-java-2.4.1\java-demo\src\main\webapp下的fckeditor文件夹解压后整个拷贝到您的页面文件夹下。并且与fckeditor文件夹同级建立一个叫做UserUploadFile的文件夹用于存储用户上传的文件。

4.加入fckservlet：

修改web.xml，内容如下

 

    <!—FCK的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>

OK，完成以上步骤，基本上就把FCKEditor加入到您的web项目中了。

下面我们来写个JSP页面测试一下效果

新建一个JSP页面form.jsp，内容如下：

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%@ taglib uri="http://java.fckeditor.net" prefix="FCK"%>

 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

    <head>

 

       <title>测试FCK页面 by-素还真</title>

       <meta http-equiv="pragma" content="no-cache">

       <meta http-equiv="cache-control" content="no-cache">

       <meta http-equiv="expires" content="0">

       <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">

       <meta http-equiv="description" content="This is my page">

       <!--

    <link rel="stylesheet" type="text/css" href="styles.css">

    -->

    </head>

 

    <body>

       <table width="886" height="345" border="0" cellpadding="0"

           cellspacing="0">

           <tr>

              <td>

                  <form action="result.jsp" method="post">

                     <FCK:editor instanceName="content" height="345">

                         <jsp:attribute name="value">

                  </jsp:attribute>

                     </FCK:editor>

                     <input type="submit" value="提交">

                  </form>

              </td>

           </tr>

       </table>

 

    </body>

</html>

在新建一个显示页面result.jsp，内容如下

 

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>

<%

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

 

    content = new String(content.getBytes("iso-8859-1"), "UTF-8");

 

    System.out.println("---------------------");

    out.println(content);

    System.out.println("---------------------");

%>


启动web服务器，打开IE输入url ：http://127.0.0.1:8080/FCKDemo/form.jsp，效果如下：

编辑一下，上传一张图片试试，效果如下



提交后显示如下

 

FCKeditor源代码。。。。
10-23
FCKeditor是目前比较好的开源编辑器，知道源码后更利于二次开发
FCKeditor源代码
03-18
在线网页编辑插件(用浏览器编辑后所见即所得)，支持多种平台下的脚本(asp aspx php cfm Dhtml htc)，还集成了上传图片组件
FCKeditor源代码分析(一)-----fckeditor.js的中文注释分析（原创）
weixin_34192732的博客
04-20 165
学校实验室的一个老师说，要和一个日本公司合作做一个web在线编辑器，所以这几天都在研究FCKeditor的源代码     什么是FCKeditor?  但是几乎搜遍了Internet，似乎对于fckconfig.js这个文件讲解的很多，但对于fckeditor.js这个FCK的核心类文件的资料几乎为0. 所以，花了整整一天的时间，以挤牙膏的方式，对fckeditor.js这个fck核心类文件...
FCKeditor源码分析(一):fckeditor.js中文注释
piaolankeke
03-19 1545
这几天都在研究FCKeditor的源代码     什么是FCKeditor?几乎搜遍了Internet，似乎对于fckconfig.js这个文件讲解的很多，但对于fckeditor.js这个FCK的核心类文件的资料几乎为0.       所以，花了整整一天的时间，以挤牙膏的方式，对fckeditor.js这个fck核心类文件作了自己力所能及的注释，供同样学习fck的网友一个参考。
开始准备看fckeditor源代码研究
beimuaihui的专栏
08-10 953
1.今天打算看源代码,直接找到fckeditor/editor/js/ fckeditorcode_ie.js的js源代码,用代码格式化研究一下,看了几篇,看不懂,郁闷中,谁知在注释的最后一行写着* This file has been compressed for better performance. The original source * can be found at "edito
FCKEditor在Java项目中的使用与源码修改指南
"FCKEditor的使用与源代码修改经验总结" FCKEditor是一款广泛应用于Web开发中的在线HTML编辑器，它提供了类似Word的编辑界面，但实际上在后台将用户操作转化为HTML代码。对于使用Java语言进行开发的开发者而言，...
FCKEDITOR源码工具使用指南
标签说明这个文件与FCKeditor的源代码及其实用性有关，意味着文件内容可能包含如何下载、部署和使用FCKeditor编辑器的详细步骤和解释。 ### 压缩包子文件的文件名称列表：“www” 文件名称列表给出的信息非常有限...
FCKeditor_2.6.6解压缩包使用教程及文件说明
文件的具体功能需要进一步查看该dll的文档或源代码。 - **fckeditor**：该文件可能是一个包含FCKeditor核心功能的JavaScript文件，或者是文件夹名称，其中包含FCKeditor所有的文件，包括前端的JavaScript、CSS样式...
FCKEditor在Java项目中的集成与源码修改指南
"FCKEditor使用、修改源代码经验总结" FCKEditor是一款流行的开源在线HTML编辑器，它提供了类似Word的界面，使得用户能够方便地创建和编辑网页内容，最终生成HTML代码。对于Web开发者而言，尤其是在使用Java进行...
FCKeditor (含源码)
07-11
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化，不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合
FCKeditor编辑器源码示例及详解
08-19
资源包括FCKeditor_2.5.1.zip、 FCKeditor_2.3.zip、 FCKeditor工程配置文档和使用相关信息、 完整的FCK工程示例
FCKeditor 富文本完整源代码
07-21
VS2005 + FCKeditor富文本完整源代码,含FCKeditor.Dll文件，不能运用的请联系我。 曾希望在网页编辑中用一个富文本编辑器，在网上到处找了一些都不能用。自己重新整理了一个，可以直接下载后可用。使用方法 protected void Button1_Click(object sender, EventArgs e) { this.brand.Text = this.FCKeditor1.Value; } 将FCKeditor1.Value 值转存到数据库中即可
FCKeditor 源代码分析附中文注释
10-29
FCKeditor 源代码分析(一 ) fckeditor.js的中文注释分析
FCKeditor最新修改，源码及官方JAR包
10-15
一款很好的网页后台集成编辑器，集成到后台可让程序员事半功倍的效果
[转]FCKEditorSimpleNet 2.65 (FCKEditor源代码分析及.Net简化版本)
weixin_30701521的博客
06-14 140
前言 FCKEditor 是一款开源的非常优秀的WEB在线编辑器，它的JS类库几乎匹敌于当前流行的JQuery，目前最新版本为2.65，官方网站：http://www.fckeditor.net/ 。本文基于.Net的应用针对FCKEditor的源代码进行分析，同时改造了部分过于复杂的功能，将其简单化。供大家学习讨论之用，个人能力有限，不足之处还请指正。 DEMO环境：.Net Framew...
fckeditor 源代码下载
神龙架游记(javaee)
06-27 142
淘二哥女装专业导购 http://www.tao2ge.com fckeditor version 2.5 的源代码下载
fckeditor 源代码问题
weixin_30555753的博客
03-25 122
在FckEditor.Net 2.64和asp.net 3.5的环境下发现如下问题：如果浏览器执行返回动作，FckEditor编辑框内显示html代码 解决方法是：修改文件FCKEditor\editor\fckeditor.html，在window.onload = function()的函数第一行添加 FCK.LinkedField.value=FCKTools.HTMLDecode(FC...
FCKeditor 部署
03-24
NULL 博文链接：https://huangyunbin.iteye.com/blog/1092750
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值