总体来说 4 个步骤:
One :
首先去下载FCKEditor2.6.6 (现在已经是 3.6.1 的版本了,建议还是 使用稳定的版本比较好)
下载地址: http://www.fckeditor.net/download
我们需要下载两个文件:
(1) FCKeditor_2.6.6.zip,就是FCKEditor的控件;
(2) FCKeditor.Java(fckeditor-java-2.6-bin.zip),就是在Java代码中使用FCKEditor的相关工具类;
two :
有了这两个文件,使用 FCKEditor 的基础就具备了,接下来做 2 件事情:
(1)就是要把 FCKEditor控件 放到 web项目中,这个控件是用于网页的,所以其代码是使用JavaScript脚本编写的,需要和web网页一起被下载的浏览器上才能执行,
(2)是这个网页上的控件因为支持图片的上传与下载,所以在上传与下载的时候需要服务端的支持,我们就的需要 FCKEditor 自身提供了相关的Java工具 用来支持这个控件的工作 ,也就是就是我们下载的第二个文件。
因此我们要做的第二件事情就是在服务端配置 Java工具,使得FCKEditor控件在处理上传图片时能够正确工作。
Three:
接下来我们就开始对配置 FCKEditor 控件进行 2 项工作:
(1) :
解压缩FCKeditor_2.6.3.zip ,在其中我们能找到一个文件夹叫fckeditor,那么将这个文件夹整个复制到你的web应用的根目录下,就是存放jsp页面的地方。
(2) :
解压缩fckeditor-java-2.6-bin.zip,将这样几个jar文件复制到web应用的WEB-INF\lib目录中
(
commons-fileupload-1.2.1.jar
commons-io-1.3.2.jar
imageinfo-1.9.jar
java-core-2.6.jar
slf4j-api-1.5.8.jar
slf4j-simple-1.5.8.jar
)
其中最后一个文件在这个zip包中可能不存在,那么你可以去这个链接地址下载一个文件叫 fckeditor-java-demo-2.6.war
(
下载地址1:
http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.6/
下载地址2:
http://sourceforge.net/projects/fckeditor/files/FCKeditor.Java/2.6/fckeditor-java-demo-2.6.war/download
)
在这个war文件中的 lib 中存在上述的 6 个 jar 文件,其实在 war 中也包含了 FCKEditor 控件的内容,也就是说如果你只是下载了 war 也可以了。
然后在classpath目录中创建一个名叫为fckeditor.properties的文件在src下(编译之后处于classes目录中) ,文件中放置内容为:
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 (fck资源所在webapp中的目录)
fckeditor.skinPath = /skins/office2003/ (fck样式,这里可选默认和office2003的样式)
fckeditor.height = 630 (fck编辑器的高度)
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|
cnnector.resourceType.flash.extensions.allowed=|swf|
connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl
fckeditor.basePath = /fckeditor
fckeditor.skinPath = /skins/office2003/
fckeditor.height = 630
在web.xml中添加一个Servlet的配置,配置内容如下:
<servlet>
<servlet-name>ConnectorServlet</servlet-name>
<servlet-class>net.fckeditor.connector.ConnectorServlet</servlet-class>
<load-on-startup>1</load-on-startup>
</servlet>
<servlet-mapping>
<servlet-name>ConnectorServlet</servlet-name>
<url-pattern>/fckeditor/editor/filemanager/connectors/*</url-pattern>
</servlet-mapping>
Four:
好了,现在你已经完成了配置的过程,接下来我们需要在jsp中使用FCKEditor控件了,
在需要使用这个控件的jsp文件的开头添加标签库的引入语句:
<%@ taglib uri="http://java.fckeditor.net" prefix="FCK" %>,
在使用控件进行文本格式化输入的地方(原来你可能使用的textarea标签)使用如下的内容来替换原来的输入控件:
<form action="result.jsp" method="post">
<FCK:editor instanceName="content">
<jsp:attribute name="value">
内容.....
</jsp:attribute>
</FCK:editor>
<input type="submit" value="提交">
</form>
其中 instanceName 属性的 值就相当于 form 表单中的 input 的 name 值。 就是 表单 提交 时候 的 键值对 中 的键 的名字。
<FCK:editor instanceName="content" height="400pt">
<jsp:body>
<FCK:config SkinPath="${skin}"/>
</jsp:body>
</FCK:editor>
最后 在 创建一个 result 页面 , 在里面 用 你想用的用的方式接收一下 输出 即可:
例如 这样 : <%=request.getParameter("content") %>
OVER !!!
分享到:
相关推荐
比起ckeditor编辑器,还是觉得这个好用,可直接复制到自己的项目上去使用,使用文档里有使用指南!
如何配置: 基本的比如路径、toolbar等这些东西网上很多,我就不写了~主要说下对已上传文件管理部分的配置。 1.... view source print? 1 $Config['MysqlHost'] = 'localhost';...2 $Config['MysqlUserName'] = 'root';...
看完必会,如果不会,你就是菜鸟,而且是大大的菜鸟。 秒杀其他同类资源
首先去官网下载FCKeditor2.6.6 多国语言版(可以搜索"FCKeditor 2.6.6, released on 15 February 2010")。下载地址
FCK是一款免费的开源的web在线文档编辑器,支持多国语言。 压缩包中有三个文件:两个是开发包,一个是我自己在项目开发中总结的文档,文档中就如何安装FCK和进行项目配置已经有了详细的叙述,这里就不多说了。...
java fckeditor 2.6.6 源代码 jar包 示例程序 天涯浪子
php配置fckeditor2.6.6[借鉴].pdf
fckeditor 2.6.6 for asp版 带行距功能 本人已测试,可以调整行距 样式地址:http://www.gdwd.net/bianji_test.asp
FCKeditor是一款功能强大的在线HTML编辑器,在博客日益兴盛的web2.0时代FCKeditor已经开始走向普通人的视线。
FCKeditor_2.6.6 + FCKeditor.Net_2.6.4 ,ASP.NET下用的文本编辑器。
FCK FCKeditor_2.6.6 DLL 文件
FCKeditor_2.6.6.zip and FCKeditor_demo.zip.rar FCKeditor-java-core-2.6.jar
FCKeditor_2.6.6FCKeditor_2.6.6
FCKeditor_2.6.6完美版+例子
FCKeditor的相关资源fckeditor-java-2.6-bin,fckeditor-java-2.6-src,fckeditor-2.6.6
Fckeditor 漏洞最新整理. 网络 安全 web出防攻
FCKeditor_2.6.6.zip+fckeditor-java-2.4.1.rar+fckeditor-java-2.4.1-bin.zip+fckeditor-java-2.4-src.zip+fckeditor-java-demo-2.4.war.zip 分享几个包,让你学习有成。加油
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程语言相结合...