在Java Web应用中使用FCKeditor

最新推荐文章于 2024-05-14 06:36:46 发布
最新推荐文章于 2024-05-14 06:36:46 发布
阅读量283 收藏
点赞数
分类专栏： FCKeditor 文章标签： fckeditor Web Java 应用服务器 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中的值。

gemini18
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
FCKeditor在java web程序中的使用介绍
Java之道
06-20 9693
FCKeditor的使用                                                     ++YONG原创，转载请注明 引：最近在做一个BLOG演示程序，用到了在线文本编辑器，以前一直用eWebEditor。后来发现FCKeditor是开源的，所以就转用这个了，这篇文章介绍了FCKeditor-2.4.3及FCKeditor.java-2.3.2
FCKEditor - 支持word上传的富文本编辑器
Mr_Zang666的博客
07-18 436
"Servers" :[{"url":"www.ncmem.com"},{"url":"www.xproerui.com"}]//内部服务器地址(不下载此地址中的图片)JPG/PNG/GIF/BMP，推荐使用JPG格式，防止出现大图片。, "PasteImageType" : "" //粘贴文件，剪帖板的图片格式，为空表示本地图片格式。, "PasteImgSrc" : "" //shape:优先使用源公式图片，img:使用word自动生成的图片。
2024年最新fckeditor编辑器上传漏洞getshell——突破(1)，2024物联网嵌入式开发不死我不倒
最新发布
2401_85011796的博客
05-14 920
百度搜索fckeditor编辑器漏洞利用，找到参考链接：https://www.cnblogs.com/milantgh/p/3775396.html，按照链接中常用上传地址挨个进行测试。访问上传的文件后，发现是图片，并没有当作asp进行解析。_x(1).jpg，以前这种方法是可以的，但这个环境不可以，知道此方法就行。接下来，查看目标网站搭建平台，发现是IIS6.0，那么可以结合IIS6.0的解析漏洞进行利用。测试过程中发现第三个会弹窗提示，说明没有访问到上传目录，那么添加…上传logo.asp;
fckeditor编辑器在Chrome浏览器下编辑时多出空格解决方法
大剑师兰特的GIS世界
12-16 292
dedecms网站后台采用fckeditor编辑器，使用谷歌Chrome浏览器重新编辑文章的时候，下面会多出很多空格，影响编辑效率，在做资料上传的时候发现内容前面都会有一个空格，网站前台预览的时候文章前面就多出一个空格，影响美观。
FCKEDITOR编辑器复制粘贴图片上传
weixin_52041354的博客
04-07 593
编辑器是fckeditor，有点旧了，为fckeditor编辑器增加粘贴Word图片的功能，支持快捷键操作（Ctrl+V），粘贴后word图片自动上传到web服务器中，自动返回图片和文字HTML，自动将图片和文字HTML添加到编辑器中，自动保留文字样式，文字大小，字体颜色，用户可以直接看到粘贴后的效果。支持word粘贴，word内容粘贴,word图文粘贴,word图片粘贴，粘贴后图片能够自动上传到服务器中，然后将图片和内容HTML添加到编辑器中，上传接口地址能够自定义。–组件初始化的目标容器–>
FCKeditor在java中的使用.pdf
04-04
在Java Web项目中使用FCKeditor，需要依赖FCKeditor.java库。配置步骤如下： 1. 创建一个名为FCKTest的Web应用程序项目。 2. 将解压后的FCKeditor文件夹放置在项目根目录下。 3. 从FCKeditor-2.3.zip压缩包中提取`...
FCKeditor编辑器在Java中的应用.pdf
04-04
在Java项目中使用FCKeditor，需要从官方网站下载相关插件。主要有两个压缩包：`FCKeditor_2.6.3.zip`和`fckeditor-java-2.4.zip`。解压后，将`fckeditor`文件夹复制到项目`/WebRoot`目录下。接着，将`fckeditor-java...
fckEditor在java中的应用
03-19
综上所述，FCKEditor在Java中的应用涉及前端编辑器的配置、后台数据处理以及可能的自定义扩展，是实现Web应用富文本编辑功能的重要工具。了解并熟练掌握FCKEditor的使用，能有效提升Web开发的效率和用户体验。
fckeditor在java中的应用.pdf
10-08
总之，FCKeditor是一款强大且易于集成的在线文本编辑器，广泛应用于各类网站和Web应用程序中，提供了一种高效的方式，使得用户在Web环境中可以方便地编辑和管理内容，同时提供了良好的安全性和灵活性。通过合理的...
FCKeditor 使用方法及最头疼的错误
GSE的成长之路
06-06 2616
今日有幸尝试了一下传说中的FCKeditor。FCKeditor确实是比较强大的编辑器，而且又是开源的，但配置起来也并不是想象中那样简单。反而因为路径导致了出现“找不到网页”的错误。还好都解决了，以下即是综合了网络和我自己的心得： 下载：http://www.fckeditor.net/FCKeditor.java-2.3   (FCKeditot for java)FCKe
FCKeditor使用详解
溺水的鱼 - Later equals never.
11-26 164
性能 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难 题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于 FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具...
fckeditor 使用大全（持续更新）
研究Android技术,以及和Android相关的任何盈利模式
11-16 218
由于公司最近要使用fckeditor，借此机会也将fckeditor做一下总结：（逐渐补全） 1.fckeditor的资源： FCKeditor添加自定义按钮 FCKeditor和rails的结合，不使用rails插件 2.使用rails的plugin。 rails里边有个plugin可以使用fckeditor.昨天还没见更新，今天早上看见版本更新了，太高兴...
FCKEditor粘贴图片自动上传到服务器(Java版)
Mr_Zang666的博客
04-11 205
if (navigator.userAgent.match(/Trident/i) && navigator.userAgent.match(/MSIE 8.0/i)) { //判断浏览器内核是否为Trident内核IE8.0。// 当数据包大小不是数据单元的整数倍时，读取最后剩余的小于数据单元的所有数据。// 忽略简单form字段而不是上传域的文件域(等)然后访问http://localhost:8088/ueditor/ 就可以测试了。
FCKeditor编辑器漏洞
arissa666的博客
10-18 305
FCKeditor在网页上属于开发源代码的文字编辑器，FCK是作者的名字。
fckeditor编辑器改造示例：增加PRE，CODE控件
大剑师兰特的GIS世界
12-17 329
fckeditor是一个好用的编辑器，为了更好用，我们可以通过修改文件来个性化这个编辑器。
FckEditor中文配置手册详细说明
zsczyhua的专栏
02-18 1010
javascript调用方式： －－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－ var FCKeditor = new FCKeditor(”content”); oFCKeditor.BasePath = “FCKeditor/”; oFCKeditor.Height = 400; oFCKeditor.ToolbarSet = “Default”; oFCKe
FckEditor配置手册中文教程详细说明1
小肖的专栏
03-05 1277
 首先,FCKEDITOR的性能是非常好的,用户只需很少的时间就可以载入FCKEDITOR所需文件.对于其他在线编辑器来说,这几乎是个很难解决的难题,因为在开启编辑器时需要装载太多的文件.比如CUTEEDITOR,虽然功能比FCKEDITOR还要强大,可是,它本身也够庞大了,至于FREETEXTBOX等,其易用性与FCKEDITOR相比,尚有差距,可以说,FCKEDITOR是一个别具匠心的在线编辑
Fckeditor和JSP(Java)项目的整合实例
小武的博客
06-07 797
Fckeditor和JSP(Java)项目的整合实例 2007-6-6 使用工具:eclipse 3.2 + tomcat 5.5 1.http://www.fckeditor.net/download 上下载两个包 一个是FCKeditor的文件包,另外一个是针对Java项目的FCKeditor.Java包 2.在eclipse中建立一个web项目TestFCKEditor3.解压缩Fckedi
FCKeditor在线文本编辑器使用指南
1. 创建FCKeditor实例：在ASP.NET页面中，使用FCKeditor控件创建一个实例。 2. 配置FCKeditor：配置FCKeditor的基本设置，如语言、工具栏、上传文件等。 3. 使用FCKeditor：使用FCKeditor编辑文档，支持多种格式，如...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值