`
文鸯
  • 浏览: 305696 次
  • 性别: Icon_minigender_1
  • 来自: 武汉
社区版块
存档分类
最新评论

在Java Web应用中使用FCKeditor

fckeditorWebJava应用服务器Servlet 
阅读更多

下载

到FCKeditor的主页：http://www.fckeditor.net/ 下载，最新版本2.4.3。因为是在Java中使用，所以还要下载FCKeditor.Java，最新版本2.3。

将FCKeditor加到项目中

如果图省事，可以把FCKeditor解压后的整个目录复制到项目的WebRoot下。如果想去掉在Java中使用不需要的文件，在根目录下只保留editor目录，以及fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml。删除目录/editor/_source，删除/editor/filemanager/browser/default/connectors下的所有文件，删除/editor/filemanager/upload下的所有文件。

将FCKeditor.Java加到项目中

将FCKeditor.Java解压，把其中/web/WEB-INF/lib下的commons-fileupload.jar和FCKeditor-2.3.jar复制到项目的/WEB-INF/lib下。把src目录下的FCKeditor.tld复制到项目的WEB-INF下。

配置web.xml

将FCKeditor.Java解压包中/web/WEB-INF下web.xml里的内容复制到项目的web.xml里，如下：

web.xml
  1. <!-- 这个Servlet用来浏览服务器下的某个目录，可查看该目录下的文件，创建新目录，创建新文件 -->     
  2. <servlet>  
  3.     <servlet-name>Connector</servlet-name>  
  4.     <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>  
  5.     <init-param>  
  6.         <!-- 要浏览的服务器下的目录 -->  
  7.         <param-name>baseDir</param-name>  
  8.         <param-value>/UserFiles/</param-value>  
  9.     </init-param>  
  10.     <init-param>  
  11.         <param-name>debug</param-name>  
  12.         <param-value>true</param-value>  
  13.     </init-param>  
  14.     <load-on-startup>1</load-on-startup>  
  15. </servlet>  
  16.   
  17. <!-- 这个Servlet用来上传文件 -->  
  18. <servlet>  
  19.     <servlet-name>SimpleUploader</servlet-name>  
  20.     <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>  
  21.     <init-param>  
  22.         <!-- 文件上传到服务器的目录 -->  
  23.         <param-name>baseDir</param-name>  
  24.         <param-value>/UserFiles/</param-value>  
  25.     </init-param>  
  26.     <init-param>  
  27.         <param-name>debug</param-name>  
  28.         <param-value>true</param-value>  
  29.     </init-param>  
  30.     <init-param>  
  31.         <!-- 此参数为是否开启上传功能 -->  
  32.         <param-name>enabled</param-name>  
  33.         <param-value>true</param-value>  
  34.     </init-param>  
  35.     <init-param>  
  36.         <param-name>AllowedExtensionsFile</param-name>  
  37.         <param-value></param-value>  
  38.     </init-param>  
  39.     <init-param>  
  40.         <param-name>DeniedExtensionsFile</param-name>  
  41.         <param-value>  
  42.             php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi   
  43.         </param-value>  
  44.     </init-param>  
  45.     <init-param>  
  46.         <param-name>AllowedExtensionsImage</param-name>  
  47.         <param-value>jpg|gif|jpeg|png|bmp</param-value>  
  48.     </init-param>  
  49.     <init-param>  
  50.         <param-name>DeniedExtensionsImage</param-name>  
  51.         <param-value></param-value>  
  52.     </init-param>  
  53.     <init-param>  
  54.         <param-name>AllowedExtensionsFlash</param-name>  
  55.         <param-value>swf|fla</param-value>  
  56.     </init-param>  
  57.     <init-param>  
  58.         <param-name>DeniedExtensionsFlash</param-name>  
  59.         <param-value></param-value>  
  60.     </init-param>  
  61.     <load-on-startup>1</load-on-startup>  
  62. </servlet>  
  63.   
  64. <servlet-mapping>  
  65.     <servlet-name>Connector</servlet-name>  
  66.     <!-- 此处假定FCKeditor解压包里的editor目录是直接放在WebRoot下的 -->  
  67.     <!-- 根据项目中FCKeditor放置的位置，此路径应做相应的修改 -->  
  68.     <url-pattern>  
  69.         /editor/filemanager/browser/default/connectors/jsp/connector   
  70.     </url-pattern>  
  71. </servlet-mapping>  
  72.   
  73. <servlet-mapping>  
  74.     <servlet-name>SimpleUploader</servlet-name>  
  75.     <url-pattern>  
  76.         /editor/filemanager/upload/simpleuploader   
  77.     </url-pattern>  
  78. </servlet-mapping>  

在页面中加入FCKeditor

input.jsp
  1. <%@ page contentType="text/html; charset=GBK" language="java"%>  
  2. <%@ taglib uri="/WEB-INF/FCKeditor.tld" prefix="fck"%>  
  3.   
  4. <html>  
  5.   <body>  
  6.     <form action="display.jsp" method="post">  
  7.       <!-- 下面的id属性对应于一般Form元素的name属性 -->  
  8.       <fck:editor id="testfck"  
  9.                   basePath="/fckeditortest/"  
  10.                   height="60%"  
  11.                   skinPath="/fckeditortest/editor/skins/default/"  
  12.                   toolbarSet="Default"  
  13.                   imageBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector"  
  14.                   linkBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Connector=connectors/jsp/connector"  
  15.                   flashBrowserURL="/fckeditortest/editor/filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector"  
  16.                   imageUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Image"  
  17.                   linkUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=File"  
  18.                   flashUploadURL="/fckeditortest/editor/filemanager/upload/simpleuploader?Type=Flash">  
  19.       <!-- 上面的URL要根据FCKeditor放置在项目中的位置做相应的修改 -->  
  20.       <!-- 此处假定将FCKeditor解压包中的editor目录直接放在项目的WebRoot下，fckeditortest是项目名 -->  
  21.       </fck:editor>  
  22.       <hr>  
  23.       <input type="submit" value="提交">  
  24.     </form>  
  25.   </body>  
  26. </html>  

上面是通过FCKeditor.Java的自定义标签来实现的，还可以使用JavaScript方法来实现。

display.jsp
  1. <%=request.getParameter("testfck")%>  

定制FCKeditor

在FCKeditor解压包里的fckconfig.js文件，设置了FCKeditor的一些属性。可以直接修改它来定制FCKeditor，也可以通过在页面里设置FCKeditor.Java自定义标签的属性或JavaScript对象的属性来覆盖fckconfig.js中的值。

分享到：
| Hibernate报错信息汇总（不断更新中）
评论
1 楼 lnzxl 2009-02-13  
aaa[b][/b]
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    动画教程JAVA在线编辑器_FCKeditor_的应用.rar

    总结起来，这个压缩包提供的资源可以帮助学习者了解和掌握如何在Java Web应用中使用FCKeditor这一强大的富文本编辑工具，通过观看动画教程和阅读文字资料，可以深入理解其工作原理和实现方法，进一步提升Web开发技能...

    FCKeditor在java web程序中的使用介绍

    FCKeditor.java是一个配套库，专为在Java环境中使用FCKeditor而设计，由Simone Chiaretta开发。你可以从官方站点获取FCKeditor.java的2.3.2版本。 以下是将FCKeditor集成到Java Web项目的基本步骤： 1. 创建一个新...

    fckEditor在java中的应用

    综上所述，FCKEditor在Java中的应用涉及前端编辑器的配置、后台数据处理以及可能的自定义扩展，是实现Web应用富文本编辑功能的重要工具。了解并熟练掌握FCKEditor的使用，能有效提升Web开发的效率和用户体验。

    基于Java使用FCKeditor

    在Java应用中使用FCKeditor，通常需要通过JavaScript与服务器端的Java代码进行交互，处理上传的文件和保存编辑的内容。 集成FCKeditor的步骤大致如下： 1. **下载与引入**：首先，你需要从FCKeditor的官方网站下载...

    java中使用FCKEditor富文本编辑器

    在提供的压缩包文件“java中使用FCKEditor富文本编辑器”中，可能包含了这些必要的组件以及相关的示例代码和使用说明。 1. **集成步骤**： - 解压下载的FCKEditor包，将`fckeditor`目录复制到你的Web应用的`WEB-...

    FCKeditor & FCKeditor.java & fck-faces

    接着，将fck-faces-1.7.26.jar添加到类路径，以便于在Java环境中使用FCKeditor的功能。然后，在JSF页面中定义fck-faces组件，配置相应的属性，如宽度、高度、初始化时的HTML内容等。最后，通过后台处理编辑器提交的...

    fckeditor在java中的运用

    "Fckeditor在Java中的运用"主要涉及的是如何在Java Web开发环境中集成并使用FCKeditor，一个流行的开源在线富文本编辑器。FCKeditor允许用户在Web页面上进行类似Word的文本编辑，支持丰富的格式设置，图片上传等功能...

    FCKeditor编辑器在JAVA中的使用与配置.pdf

    在Java环境中使用FCKeditor，不仅可以提高文本编辑的灵活性，还能增强网页内容管理的效率。本文将详细介绍如何在Java项目中集成和配置FCKeditor，以及必要的步骤和注意事项。 #### 准备工作 在开始配置之前，确保...

    java使用FCKEditor富文本编辑器

    下载的压缩包中可能包含一个说明文档，指导如何在项目中使用 FCKEditor。建议仔细阅读此文档，了解详细步骤和注意事项。 总的来说，Java 集成 FCKEditor 需要前端与后端的协同工作，前端负责展示编辑器并发送数据...

    fckeditor java Web开发完全组合包，及配置过程.rar

    FCKeditor是一款经典的开源富文本编辑器，常用于Java Web应用程序中，为用户提供WYSIWYG（所见即所得）的编辑体验。这个压缩包"**fckeditor java Web开发完全组合包，及配置过程.rar**"包含了在Java Web环境下集成和...

    FCKeditor的相关资源fckeditor-java-2.6-bin，fckeditor-java-2.6-src，fckeditor-2.6.6

    FCKeditor是一款经典的开源富文本编辑器，广泛应用于Web应用中，允许用户在网页上进行类似于桌面文字处理软件的文本编辑。在这个压缩包中，包含了FCKeditor与Java相关的资源，便于开发者集成到Java Web项目中。以下...

    FCKeditor编辑器在Java中的应用.pdf

    在Java项目中使用FCKeditor，需要从官方网站下载相关插件。主要有两个压缩包：`FCKeditor_2.6.3.zip`和`fckeditor-java-2.4.zip`。解压后，将`fckeditor`文件夹复制到项目`/WebRoot`目录下。接着，将`fckeditor-java...

    FCKEditor(Java)完整资料包

    例如，创建一个简单的表单页面，用户在FCKeditor中编辑内容，点击提交按钮后，后台Java代码接收到富文本内容，进行处理并存储。这将帮助你理解FCKeditor的工作原理和与Java的交互方式。 ### 总结 FCKeditor作为一...

    Java FCKEditor升级版本

    通过这个MyEclipse案例，你可以深入理解FCKeditor的工作机制，学习如何在实际项目中有效利用它来提升Web应用的用户体验。同时，这也是一个学习Java Web开发和JavaScript交互的好机会。记得在实践中不断探索和优化，...

    FCKeditor在java中的使用.pdf

    在Java Web项目中使用FCKeditor，需要依赖FCKeditor.java库。配置步骤如下： 1. 创建一个名为FCKTest的Web应用程序项目。 2. 将解压后的FCKeditor文件夹放置在项目根目录下。 3. 从FCKeditor-2.3.zip压缩包中提取`...

    FCKeditor.java-2.3

    ### 在Java Web应用中集成FCKeditor 1. **下载与引入**: 首先，你需要从官方网站或者通过`lib`目录下的文件下载FCKeditor的Java版本。将包含的jar文件（例如fckeditor.jar）添加到项目的类路径中。 2. **配置**: ...

    java fckeditor所需jar包

    - **Java版FCKeditor**：这是FCKeditor的一个特定实现，将编辑器功能与Java服务器端相结合，方便在Java Web应用中使用。 2. **集成步骤** - **下载库文件**：压缩包中的"java-fck"文件包含了FCKeditor的Java接口...

Magicbox
Global site tag (gtag.js) - Google Analytics