FCKeditor jsp 配置 使用
2009-09-10 09:12
609 查看
FCKeditor jsp 配置 使用
2009-04-07 16:57
2009-04-07 16:57
FCKeditor是一款跨平台的在线编辑器,到我发布本文,FCKeditor的官方版本已经发展到了2.6.4 点击进入 官网 1、首先登陆www.fckeditor.net/download下载FCKeditor的最新版本,需要下载2个压缩包,一个是基本应用,另一个是在为在jsp下所准备的配置。 FCKeditor 2.6 Beta 下载地址:sourceforge.net/project/downloading.php FCKeditor.Java 下载地址:http://sourceforge.net/project/showfiles.php?group_id=75348&package_id=129511&release_id=348486 下载之后分别为:FCKeditor_2.6b.zip 和 FCKeditor-2.3.zip 将它们分别解压。 2、首先在Tomcat下建立一个虚拟目录例如:test 即http://localhost:8080/test 将解压后的FCKeditor_2.6b文件夹下的fckeditor拷贝到test目录下,并重新命名为FCKeditor。 将解压后的FCKeditor-2.3文件夹下的web下的WEB-INF拷贝到test目录下。 将FCKeditor-2.3文件夹下src下的FCKeditor.tld拷贝到test目录下的WEB-INF下。 3、修改WEB-INF下的web.xml 将第37行false改为true,此处为允许上传。 改之前: 35 <init-param> 36 <param-name>enabled</param-name> 37 <param-value>false</param-value> 38 </init-param> 改之后: 37 <param-value>true</param-value> 将第68行与73行中的fckeditor改为FCKeditor。 改之前: 66 <servlet-mapping> 67 <servlet-name>Connector</servlet-name> 68 <url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 69 </servlet-mapping> 70 71 <servlet-mapping> 72 <servlet-name>SimpleUploader</servlet-name> 73 <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern> 74 </servlet-mapping> 改之后: 68 <url-pattern>/FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern> 73 <url-pattern>/FCKeditor/editor/filemanager/upload/simpleuploader</url-pattern> 4、修改FCKeditor文件夹下的fckeditor.js 修改第50行的FCKeditor.BasePath。 改之后: 50 FCKeditor.BasePath = 'FCKeditor/' ;(注意:FCKeditor之前是没有/的) 5、修改FCKeditor文件夹下的fckconfig.js 修改FCKConfig.DefaultLanguage、FCKConfig.LinkBrowserURL、FCKConfig.ImageBrowserURL、FCKConfig.FlashBrowserURL、 改之后: FCKConfig.AutoDetectLanguage = false ; 注意:如果这里没有改为false编辑器是不会显示为中文的 FCKConfig.DefaultLanguage = 'zh-cn' ; 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' ; 6、default.jsp内容如下: <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>FCKeditor测试</title> <script type="text/javascript" src="FCKeditor/fckeditor.js"></script> </head> <body> <form id="form1" name="form1" method="post" action="default_do.jsp"> <table width="100%" border="0"> <tr> <td height="25"> <textarea name="contest" id="contest" style="width:100%; height:400px;"></textarea> <script type="text/javascript"> var oFCKeditor = new FCKeditor( 'contest' ) ; //oFCKeditor.BasePath = 'FCKeditor/' ; oFCKeditor.ToolbarSet = 'Default' ; oFCKeditor.Width = '100%' ; oFCKeditor.Height = '400' ; oFCKeditor.Value = '' ; oFCKeditor.ReplaceTextarea(); //oFCKeditor.Create() ; </script> <input type="submit" name="Submit" value="提交" /> </td> </tr> </table> </form> </body> </html> 7、default_do.jsp内容如下: <%@ page contentType="text/html; charset=gb2312" language="java" import="java.sql.*" errorPage="" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>FCKeditor测试接收结果</title> </head> <body> <% String contest = new String(request.getParameter("contest").getBytes("ISO8859_1"), "GB2312"); out.print(contest); %> </body> </html> 最后测试:http://localhost:8080/test/default.jsp 图1: 图2: -------------------------------------------------------------------------------------------------- |
相关文章推荐
- 在JSP环境中配置使用FCKEditor
- 在JSP环境中配置使用FCKEditor
- 在jsp环境中配置使用FCKEditor
- 在jsp环境中配置使用FCKEditor(文本编辑器)
- 在JSP环境中配置使用fckeditor详细讲解
- 在jsp环境中配置使用fckeditor
- FCKeditor在JSP环境中配置使用
- 在jsp环境中配置使用FCKEditor
- fckeditor2.4在jsp中的配置和使用
- 在JSP环境中配置使用fckeditor详细讲解
- FCKeditor在JSP中使用的配置方法
- FCKeditor在JSP中使用的配置方法
- FCKeditor在jsp中得配置使用介绍
- FCKeditor的JSP配置与使用
- 在jsp环境中配置使用FCKEditor
- JSP网站开发环境配置和使用fckeditor编...
- 在JSP环境中如何配置和使用fckeditor
- [转]FCKeditor在JSP中使用的配置方法
- JSP网站开发环境配置和使用fckeditor编...
- jsp与FCKeditor配置使用说明