FCKeditor For Java/Jsp

转载 2006年05月22日 09:15:00
1.下载
FCKeditor.java 2.3/FCKeditor-2.3.zip (FCKeditor for java)
FCKeditor_2.3b.zip (FCKeditor基本文件)

2.建立项目:Project/FCKeditor

3.FCKeditor.java FCKeditor-2.3.zip解压后,把其中的web目录下的WEB-INF目录copy到FCKeditor下(里面有commons-fileupload.jar, FCKeditor-2.3.jar,web.xml等几个文件), 把其中的src目录下的FCKeditor.tld文件copy到FCKeitor/WEB-INF/下


4.修改web.xml:
把SimpleUploader中的配置属性enabled定义为true(开启文件上传功能),加上editor所在目录, 下面红色是增加的部分
 <servlet-mapping>
 <servlet-name>Connector</servlet-name>
 <url-
pattern>/[color=Red]FCKeditor[/color]/editor/filemanager/browser/default/connectors/jsp/connector</url-
pattern>
 </servlet-mapping>
 
 <servlet-mapping>
 <servlet-name>SimpleUploader</servlet-name>
 <url-pattern>/[color=Red]FCKeditor[/color]/editor/filemanager/upload/simpleuploader</url-pattern>
 </servlet-mapping>
添加标签定义:
<taglib>
<taglib-uri>/FCKeditor</taglib-uri>
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location>
</taglib>

5.解压FCKeditor_2.3b.zip后,把目录/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copy到/FCKeditor下
删除目录 /editor/_source,
删除 / editor /  filemanager / browser / default / connectors / 下的除了test.html外的所有文件夹
删除 / editor / filemanager / upload / 下除了test.html外的所有文件夹
删除 / editor / lang /下的除了en.js, zh.js, zh-cn.js三个文件外的所有文件

6.打开/FCKeditor/fckconfig.js
修改 FCKConfig.DefaultLanguage = 'zh-cn' ;
把FCKConfig.LinkBrowserURL等的值替换成以下内容:
FCKConfig.LinkBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Connector=connectors/jsp/connector" ;

FCKConfig.ImageBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Image&Connector=connectors/jsp/connector" ;

FCKConfig.FlashBrowserURL = FCKConfig.BasePath + "filemanager/browser/default/browser.html?Type=Flash&Connector=connectors/jsp/connector" ;

FCKConfig.LinkUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=File' ;
FCKConfig.ImageUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Image' ;
FCKConfig.FlashUploadURL = FCKConfig.BasePath + 'filemanager/upload/simpleuploader?Type=Flash' ;

7.三种方法调用FCKeditor
(1).FCKeditor自定义标签 (必须加头文件 <%@ taglib uri="/FCKeditor" prefix="FCK" %> )
显示
<form action="show.jsp" method="post" target="_blank">
<FCK:editor id="content" basePath="/FCKeditor/" width="700" height="500" skinPath="/FCKeditor/editor/skins/silver/"
 toolbarSet = "Default" >
input
</FCK:editor>
<input type="submit" value="Submit">
</form>
(2).script脚本语言调用 (必须引用 脚本文件 <script type="text/javascript" src="/FCKeditor/fckeditor.js"></script> )
显示
<form action="show.jsp" method="post" target="_blank">
<table border="0" width="700"><tr><td>
<textarea id="content" name="content" style="WIDTH: 100%; HEIGHT: 400px">input</textarea>
<script type="text/javascript">
var oFCKeditor = new FCKeditor('content') ;
oFCKeditor.BasePath = "/FCKeditor/" ;
oFCKeditor.Height = 400;
oFCKeditor.ToolbarSet = "Default" ;
oFCKeditor.ReplaceTextarea();
</script>
<input type="submit" value="Submit">
</td></tr></table>
</form>
(3).FCKeditor API 调用 (必须加头文件 <%@ page language="java" import="com.fredck.FCKeditor.*" %> )
<form action="show.jsp" method="post" target="_blank">
<%
FCKeditor oFCKeditor ;
oFCKeditor = new FCKeditor( request, "content" ) ;
oFCKeditor.setBasePath( "/FCKeditor/" ) ;
oFCKeditor.setValue( "input" );
out.println( oFCKeditor.create() ) ;
%>
<br>
<input type="submit" value="Submit">
</form>

8.输出:
<%
String content = request.getParameter("content");
out.print(content);
%>

ok!

另:FCKeditor for Java的上传是通过servlet进行的,不是Jsp,所以配置文件web.xml中的"editor/filemanager/browser/default/connectors/jsp/connector" jsp/connector 目录并不存在,只要配置好FCKeditor.java就行了,最后上传非常快

jsp与FCKeditor配置使用说明

前言:FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文...
  • u012385190
  • u012385190
  • 2016年05月10日 20:34
  • 1436

Jsp页面中使用fckeditor控件的两种方法

fckeditor控件请到官方网站下载[url]http://www.fckeditor.net[/url],本例主要用到FCKeditor_2.6.3.zip、fckeditor-java-demo...
  • u014630260
  • u014630260
  • 2016年09月20日 18:02
  • 531

Fckeditor jsp版漏洞利用方法:

http://www.xxx.com/fckeditor/editor/filemanager/browser/default/connectors/jsp/connector?Command=Fil...
  • afeilxc
  • afeilxc
  • 2010年06月26日 10:45
  • 5662

在jsp页面中嵌入fckeditor

想要在jsp中使用文本编辑器,需要先在jsp中插入fckeditor
  • csdn98313
  • csdn98313
  • 2016年04月16日 22:33
  • 1016

在jsp中使用FCKeditor插件做编辑器

在做项目的时候,我们经常要发布文章或者更新系统信息,一般情况下我们都会使用input输入框、textarea等HTML控件来作为输入框,但是对于发布出的信息没有格式,保存的只是纯文本,我们希望能够像q...
  • shuytu
  • shuytu
  • 2015年01月21日 14:51
  • 835

jsp+FCKEditor+CKEditor

一、FCKEditor        上官方网站:www.fckeditor.net 下载最新版本FCKeditor,将其中的fckeditor文件夹复制到WebRoot下面。找到fckconfig...
  • bzkfn
  • bzkfn
  • 2012年09月28日 16:23
  • 1519

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

FCKeditor的使用                                                     ++YONG原创,转载请注明 引:最近在做一个BLOG演示程序,用到了...
  • qjyong
  • qjyong
  • 2007年06月20日 10:32
  • 7193

分享一些关于Fckeditor漏洞利用总结

转自:http://www.chncto.com/heikejishu/10684.html 分享一些关于Fckeditor漏洞利用总结 1.查看编辑器版本 FCKedi...
  • xyw591238
  • xyw591238
  • 2016年06月01日 13:25
  • 1927

FCKEditor2.6 For Jsp With FCKEditor-java-2.6

声明:在此只讨论FCKEditor2.6 For Jsp With FCKEditor-java-2.6的配置一:从官方网站下载fckeditor核心文件,ckeditor.com/download二...
  • collonn
  • collonn
  • 2010年03月26日 13:34
  • 4205

Fckeditor中使用图片上传

今天在做项目又碰到Fckeditor上传图片,于是花了点时间把这个功能实现了。 Fckeditor的使用方法之前已经介绍过了,不知道的可以看我之前的文章: http://blog.csdn.net/v...
  • v123411739
  • v123411739
  • 2014年06月03日 16:25
  • 4066
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:FCKeditor For Java/Jsp
举报原因:
原因补充:

(最多只允许输入30个字)