您的位置:首页 > 编程语言 > Java开发

【转载】FCKeditor 2.6.3 与FCKeditor.java 2.4在JSP中配置

2016-11-28 13:58 603 查看
FCKeditor 2.6.3 与FCKeditor.java 2.4在JSP中配置
1.FCKeditor 介绍 FCKeditor 这个开源的HTML 文本编辑器可以让web 程序拥有如MS Word 这样强大的编辑功能,.FCKeditor 支持当前流行的浏览器: 2.准备工作:  环境:winddows XP、tomcat6.0、JDK1.6 下载: 1):FCKeditor_2.6.3b.zip 地址:http://nchc.dl.sourceforge.net/sourceforge/fckeditor/FCKeditor_2.6.3b.zip 2):fckeditor-java-2.4-bin.zip (JAVA支持包)地址http://nchc.dl.sourceforge.net/sourceforge/fckeditor/fckeditor-java-2.4-bin.zip 3)slf4j-1.5.2.zip 地址 :http://slf4j.org/dist/slf4j-1.5.2.zip 3.安装:  1)解压FCKeditor_2.6.3b.zip,将解压的到的fckeditor整个文件夹完整复制到工程目录WebRoot下。 2)解压fckeditor-java-2.4-bin.zip,在fckeditor-java-2.4-bin的解压缩文件中提取出4个JAR包,分别为fckeditor-java-core-2.4.jar、commons-fileupload-1.2.1.jar、commons-io-1.3.2.jar、slf4j-api-1.5.2.jar, 3)解压slf4j-1.5.2.zip,只需提取slf4j-jdk14-1.5.2.jar包 4)将2、3步提取的5个包都都导如工程目录WEB-INF/bin中 ( 插句题外话,刚开始我只导入了第2步截压出的4个包,启动TOMCAT的时候提示找不到类org.slf4j.impl.StaticLoggerBider,再看官方文档,上面说还要下SLF4J,于是便到slf4j官网下了个最新版,但不知道org.slf4j.impl.StaticLoggerBider类在哪个包里,这是我最笨之处,我将所有包都导进去慢慢找(汗……),然后把多余包给移除了(通过项目右键→Properties→Java Build Path→Libraries,移除多余包),再重启,现在不报找不到类的错了,但出现了上百条java.lang.StackOverflowError错误(再汗……),查了N久,没结果,然后在MyEclipse的lib目录下还发现了一大堆刚才移除的包,接着我就把他们统统右键Delete删除,再重启,嘿嘿,OK了。 ) 4.配置 1)在共程目录src/下新建一个文件fckeditor.properties,添加内容:connector.userActionImpl=net.fckeditor.requestcycle.impl.UserActionImpl 保存即可。 2)修改web.xml,用来提供上传功能支持, 添加内容: <servlet>       <servlet-name>Connector</servlet-name>         <servlet-class>           net.fckeditor.connector.ConnectorServlet       </servlet-class>       <load-on-startup>1</load-on-startup> </servlet> <servlet-mapping>       <servlet-name>Connector</servlet-name>       <url-pattern>         /fckeditor/editor/filemanager/connectors/*       </url-pattern>     </servlet-mapping> 5.应用 在工程目录WebRoot下新建index.jsp,result.jsp两个文件, index.jsp: <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <%@ taglib uri=”http://java.fckeditor.net” prefix=”FCK” %> <% String path = request.getContextPath(); String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”; %> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html>   <head>     <base href=”<%=basePath%>”>     <title>FCKeditor.java2.4 for FCKeditor2.6.3Beate text</title>     <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />  <meta http-equiv=”pragma” content=”no-cache”>  <meta http-equiv=”cache-control” content=”no-cache”>  <meta http-equiv=”expires” content=”0″>     <meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″>  <meta http-equiv=”description” content=”This is my page”>   </head>   <body>     <form action=”result.jsp” method=”post”>     <FCK:editor instanceName=”content”>     <jsp:attribute name=”value”>     您的内容…..     </jsp:attribute>   </FCK:editor>   <input type=”submit” value=”提交”>     </form>       </body> </html> result.jsp <%@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%> <% String path = request.getContextPath(); String basePath = request.getScheme()+”://”+request.getServerName()+”:”+request.getServerPort()+path+”/”; %> <!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.01 Transitional//EN”> <html>   <head>     <base href=”<%=basePath%>”>     <title>My JSP ‘result.jsp’ starting page</title>     <meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />  <meta http-equiv=”pragma” content=”no-cache”>  <meta http-equiv=”cache-control” content=”no-cache”>  <meta http-equiv=”expires” content=”0″>     <meta http-equiv=”keywords” content=”keyword1,keyword2,keyword3″>  <meta http-equiv=”description” content=”This is my page”>   </head>   <body>     <%=request.getParameter(”content”) %>   </body> </html> 在IE地址中输入:http://localhost:8080/FCKtest    OK,成功了! 6.不足之处 世界上没有绝对完美的女子(不知道你是否发现了完美的女孩,错了不要打我),FCK也一样。 1) 在文本框中输入中文提交后得到的中文乱码。 解决办法: Result.JSP中来转码: new String(request.getParameter(“content”).getByte(iso-8859-1),”UTF-8”) 试验下,嘿嘿,”汉化”成功! 2) 上传中文名图片后保存的中文图片名乱码 解决办法:修改fckeditor-java-core-2.4.jar包中的ConnectorServlet.java(upload.setHeaderEncoding(”UTF-8″);),替换以前下载的fckeditor-java-core-2.4.jar包,   OK,上传中文图片名显示正常了, 3) 点击浏览服务器后,选择刚上传的中文图片,图片在预览窗口中不能显示 解决办法: 修改TOMCAT安装目录config下的server.xml文件,在<Connector/>标签内加上  URIEncoding=”UTF-8″。 OK,中文图片正常显示。 4) 关与FLASH的上传 A.上传中文文件名FLASH时,有时候弹出没有权限,或者是文件类型错误,有时候上传正常。 B.上传英文或者数字名FLASH时,窗口一直处与等待状态,过一会儿关闭窗口,再通过浏览服务器按钮可以看到FLASH已经成功上传。 C.有时候如过上传成功了,预览窗口也不能播放。 D.有时候无论使用什么语言的文件名都可以上传成功。 但只要你是使用的英文或则数字文件名,就能100%上传。 所以关于这个问题估计还是编码引起的。 5)。FCKeditor2.6.2上传文件功能与Struts 2 不兼容的问题。 解决办法: 让Struts2仅处理*.action的请求。修改配置文件web.xml: 将Struts2处理所有web请求的过滤器配置 <filter-mapping>               <filter-name>struts2</filter-name>               <url-pattern>/*</url-pattern>        </filter-mapping> 改为:仅处理.action或.jsp请求 <filter-mapping>               <filter-name>struts2</filter-name>               <url-pattern>*.action</url-pattern>        </filter-mapping>        <filter-mapping>               <filter-name>struts2</filter-name>               <url-pattern>*.jsp</url-pattern>        </filter-mapping> 备注:以上配置文件的更改会造成Struts2 标签在页面中不显示        应该在web.xml文件中加入以下配置: <filter-mapping>               <filter-name>struts2</filter-name>               <url-pattern>/struts/*</url-pattern>        </filter-mapping> 附:FCKeditor的编码是个老大难,想真正让他很好的处理中文是件非常不容易的事情,例如上面费了好大劲将中文名图片的上传和浏览功能修改好之后,FLASH又出问题。这些都是编码惹的祸。 7.总结: FCKeditor2.6.3 Beta在2.6.2基础上有了很大改进,FCKeidtor 2.6.3Beta在配置上进行了大量简化,让使用者更易轻松上手,但FCKeditor的编码是个老大难问题,特别在文件上传功能上表现的尤为突出,希望FCK官方在以后的版本中能够修正这个BUG。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: