热门文章 | 热门软件| 热门源码 | 热门电影 | 知识库 | 联系我们
软件 源码 教程 影视 健康 招聘
  HTML | JavaScript | ASP | PHP | JSP | NET | VB | VC | VF | Windows | Linux | Mysql | Mssql | Oracle | Struts 
当前位置: 创世纪计算机资源网 -> 文章频道 ->web开发 
站内搜索:
基于java使用FCKeditor(1)
作者:叶风 来源:创世纪计算机资源网 整理日期:2007-7-4
1.下载 
FCKeditor.java 2.3 (FCKeditot for java
FCKeditor 2.2 (FCKeditor基本文件) 

2.建立项目:tomcat/webapps/FCKeditor 

3.FCKeditor.java 2.3解压后,把其中的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(开启文件上传功能) 
添加标签定义: 
<taglib> 
<taglib-uri>/FCKeditor</taglib-uri> 
<taglib-location>/WEB-INF/FCKeditor.tld</taglib-location> 
</taglib> 

5.解压FCKeditor2.2后,把目录/editor和fckconfig.js, fckeditor.js, fckstyles.xml, fcktemplates.xml四个文件copy到/FCKeditor下 
删除目录/editor/_source, 
删除/editor/filemanager/browser/default/connectors/下的所有文件 
删除/editor/filemanager/upload/下的所有文件 
删除/editor/lang/下的除了fcklanguagemanager.js, 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.FlashUploadURL = FCKConfig.BasePath + ’filemanager/upload/simpleuploader?Type=Flash’ ; 
FCKConfig.ImageUploadURL = FCKConfig.BasePath + ’filemanager/upload/simpleuploader?Type=Image’ ; 

7.添加文件 /FCKeditor/test.jsp
<%@ page language="java" import="com.fredck.FCKeditor.*" %> 
<%@ taglib uri="/FCKeditor" prefix="FCK" %> 
<script type="text/javascript" src="/FCKeditor/fckeditor.js"></script> 
<%-- 

三种方法调用FCKeditor 

1.FCKeditor自定义标签 (必须加头文件 <%@ taglib uri="/FCKeditor" prefix="FCK" %> ) 

2.script脚本语言调用 (必须引用 脚本文件 <script type="text/javascript" src="/FCKeditor/fckeditor.js"></script> ) 

3.FCKeditor API 调用 (必须加头文件 <%@ page language="java" import="com.fredck.FCKeditor.*" %> ) 
--%> 

<%-- 
<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> 
--%> 
<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> 
<%-- 
<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> 
--%> 

添加文件/FCKeditor/show.jsp
<% 
String content = request.getParameter("content"); 
out.print(content); 
相关文章