`
Junjiejkl
  • 浏览: 61995 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

FCKEditor2.6.6 配合

阅读更多

总体来说 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 !!!
分享到:
评论

相关推荐

    FCKeditor 2.6.6 可直接使用

    **FCKeditor 2.6.6:一个经典且易集成的在线文本编辑器** FCKeditor是一款在Web开发中广泛使用的开源富文本编辑器,它允许用户在浏览器环境中进行类似Word的文本编辑操作。标题提到的是FCKeditor的2.6.6版本,这是...

    FckEditor2.6.6架包及配置文档

    FckEditor2.6.6是一款历史悠久且广泛使用的开源富文本编辑器,它为Web开发者提供了在网页上创建和编辑复杂格式文本的功能。这个编辑器以其强大的功能、易用性和可扩展性,深受广大开发者的喜爱。在这个压缩包中,...

    fckeditor2.6.6精简版

    如何配置: 基本的比如路径、toolbar等这些东西网上很多,我就不写了~主要说下对已上传文件管理部分的配置。 1.... view source print? 1 $Config['MysqlHost'] = 'localhost';...2 $Config['MysqlUserName'] = 'root';...

    FCKeditor2.6.6及开发配置文档

    FCK是一款免费的开源的web在线文档编辑器,支持多国语言。 压缩包中有三个文件:两个是开发包,一个是我自己在项目开发中总结的文档,文档中就如何安装FCK和进行项目配置已经有了详细的叙述,这里就不多说了。...

    java fckeditor 2.6.6 源代码 jar包 示例程序 官方下载 天涯浪子

    Java FCKeditor 2.6.6是一款基于Java平台的开源富文本编辑器,它为开发者提供了在Web应用中集成富文本编辑功能的解决方案。FCKeditor最初由FredCK开发,后更名为CKEditor,广泛应用于网页和Web应用程序,提供丰富的...

    php配置fckeditor2.6.6[借鉴].pdf

    ### PHP配置FCKEditor 2.6.6详解 #### 一、下载与准备 - **下载FCKEditor 2.6.6**: 首先访问官方下载页面(http://ckeditor.com/download),找到FCKEditor 2.6.6版本进行下载。此版本为多国语言版,发布时间为...

    fckeditor 2.6.6 for asp版 带行距功能

    fckeditor 2.6.6 for asp版 带行距功能 本人已测试,可以调整行距 样式地址:http://www.gdwd.net/bianji_test.asp

    FCKeditor_2.6.6.zip

    FCKeditor是一款功能强大的在线HTML编辑器,在博客日益兴盛的web2.0时代FCKeditor已经开始走向普通人的视线。

    FCKeditor_2.6.6完美版+例子

    FCKeditor 2.6.6是该编辑器的一个稳定版本,具有良好的兼容性和丰富的功能。 在FCKeditor 2.6.6中,主要包含了以下几个方面的知识点: 1. **富文本编辑**:FCKeditor的核心功能是提供一个可视化的HTML编辑区域,...

    FCKeditor_2.6.6_for_asp_GB2312

    **FCKeditor 2.6.6 for ASP GB2312** 是一个专为ASP平台设计的富文本编辑器,适用于需要在网页上提供文本编辑功能的开发者。该版本针对GB2312编码进行了优化,使得在中文环境下能够更好地运行。下面将详细介绍这个...

    FCKeditor_2.6.6 在线编辑asp|php|aspx

    **FCKeditor 2.6.6:在线编辑利器** FCKeditor是一款强大的开源在线文本编辑器,被誉为“所见即所得”(WYSIWYG)编辑器,它允许用户在浏览器环境中进行文本编辑,就像使用桌面应用程序一样。版本2.6.6是其历史上的...

    FCKeditor_2.6.6

    《ASP.NET中的FCKeditor 2.6.6:打造高效文本编辑体验》 在ASP.NET开发中,选择一个功能强大、易于使用的文本编辑器至关重要。FCKeditor 2.6.6就是这样一款广受好评的开源编辑器,它为开发者提供了一种简单而有效的...

    FCKeditor_2.6.6.zip and FCKeditor_demo.zip.rar

    此压缩包包含两个版本的FCKeditor及相关文件,具体为"FCKeditor_2.6.6.zip"和"FCKeditor_demo.zip.rar"。 "FCKeditor_2.6.6.zip"是FCKeditor的2.6.6版本,这是一个功能丰富的JavaScript库,用于在Web应用中提供强大...

    FCKeditor_2.6.6压缩版+xml文件

    在这个"FCKeditor_2.6.6压缩版+xml文件"中,我们重点关注的是`fck_web.xml.txt`和`FCKeditor_2.6.6.zip`这两个文件。`fck_web.xml.txt`很可能包含了FCKeditor的配置信息,这些配置决定了编辑器在网页中的行为,例如...

    FCKeditor_2.6.6文本编辑器

    **FCKeditor 2.6.6:一个强大的JavaScript文本编辑器** FCKeditor是一款功能丰富的开源文本编辑器,主要用于Web应用中,为用户提供类似桌面文字处理软件的体验。它基于JavaScript开发,这意味着任何支持JavaScript...

    FCK FCKeditor_2.6.6 DLL 文件

    FCK FCKeditor_2.6.6 DLL 文件

Global site tag (gtag.js) - Google Analytics