《使用FCKEdit实现富文本编辑功能》由会员分享,可在线阅读,更多相关《使用FCKEdit实现富文本编辑功能(7页珍藏版)》请在金锄头文库上搜索。
1、8.富编辑模块实现富编辑模块可以实现在线文档编辑功能,并动态上传插入 image/falsh 到文档中。本项目 中,我们使用FCKeditor-著名的开源富编辑模块。要在我们的netjavaWeb项目中使用它, 需要如下几步:1下载FCK模块:首先,登陆 http:/ 下载 FCKeditor 的最新版本FCKeditor_2.5.zip,及相关的 jar 包。2. 项目设配置:1. 新建工程netjavaFCKTest,在WebRoot文件夹下新建文件夹FCKeditor (用来存放 FCKeditor相关文件)2. 将 FCKeditor_2.5 包中的 edit 文件夹和 fckconf
2、ig.js、fckeditor.js、fckstyles.xml、 fcktemplates.xml 这四个文件放到项目中的 FCKeditor 目录。3. 将FCKeditor25.zip包中的webWEB-INFlib下的两个jar文件到项目的 WebRootWEB-INFlib 目录4. 将FCKeditor25.zip包中的src下的FCKeditor.tld文件到项目的 WebRootWEB-INF 目录5. 在 WebRoot 目录下新建 UserFiles 文件夹,在此文件夹下新建 Image 和 Flash 两 个文件夹3. 设置web.xml中配置:FCKeditor Tes
3、t ApplicationConnector/servlet-namecom.fredck.FCKeditor.connector.ConnectorServletbaseDir /UserFiles/debugtrue1SimpleUploader/servlet-namecom.fredck.FCKeditor.uploader.SimpleUploaderServlet baseDir /UserFiles/debugtrueenabledtrueAllowedExtensionsFiletrueDeniedExtensionsFilephp|php3|php5|phtml|asp|as
4、px|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg| cgiAllowedExtensionsImage jpg|gif|jpeg|pjpeg|png|bmpDeniedExtensionsImage AllowedExtensionsFlash swf|flaDeniedExtensionsFlash 1Connector/servlet-name/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connectorSimpleUploader/servlet-name/FCKeditor/edi
5、tor/filemanager/upload/simpleuploader /testFck/WEB-INF/FCKeditor.tld其中具体的配置,请参考fck说明手册。4. 在页面中展示 FCK 编辑器:编写index.jsp,在其中展示fck,代码如下:FCK富编辑器测试 蓝杰信息www.NetJform action=show.jsp method=post target=_bank name=form1FCK富编辑器使用测试这是一些用来简单的文本示例.下载FCK FCKeditor.OK,现在请求这个页面,就会看到如下图示,可以如果你看到你的程序输出上面这样的图片,便己成功了 99%,接下来只需要接收输入的内容即可,我们简单的编写一个 jsp 文件,接收用户编辑输入的 show.jsp 非常简单:FCK富编辑器测试 蓝杰信息www.NetJ%String msg=request.getParameter(EditorDefault);/如果没有对中文转码,此处需要转码msg = new String(msg.getBytes(ISO-8859-1),GBK);out.println(用户提交的内容是:);%这个页面接收使用FCK编辑输入的