`

FCKeditor 2..6.3 使用

阅读更多
   1. 下载FckEditor2.6.2和FCKeditor for java2.3,得到的文件为FckEditor2.6.2.rar和FckEditor2.3.rar,分别将其解压。
2. 先看FCKeditor-2.3,解压后的目录中有docs,web,src三个文件夹和其他一些文件,一般不用,将src文件夹下的所有文件考到你的工程的src目录下,那个tld文件可以不考,将web目录下的web.xml文件和工程的web.xm文件整合,即将如下代码加到工程的web.xml中
<web-app>
  <display-name>FCKeditor Test Application</display-name>
  
 <servlet>
  <servlet-name>Connector</servlet-name>
  <servlet-class>com.fredck.FCKeditor.connector.ConnectorServlet</servlet-class>
  <init-param>
   <param-name>baseDir</param-name>
   <param-value>/UserFiles/</param-value>
  </init-param>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
 </servlet>
 <servlet>
  <servlet-name>SimpleUploader</servlet-name>
  <servlet-class>com.fredck.FCKeditor.uploader.SimpleUploaderServlet</servlet-class>
  <init-param>
   <param-name>baseDir</param-name>
   <param-value>/UserFiles/</param-value>
  </init-param>
  <init-param>
   <param-name>debug</param-name>
   <param-value>true</param-value>
  </init-param>
  <init-param>
   <param-name>enabled</param-name>
   <param-value>false</param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsFile</param-name>
   <param-value></param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsFile</param-name>
   <param-value>php|php3|php5|phtml|asp|aspx|ascx|jsp|cfm|cfc|pl|bat|exe|dll|reg|cgi</param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsImage</param-name>
   <param-value>jpg|gif|jpeg|png|bmp</param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsImage</param-name>
   <param-value></param-value>
  </init-param>
  <init-param>
   <param-name>AllowedExtensionsFlash</param-name>
   <param-value>swf|fla</param-value>
  </init-param>
  <init-param>
   <param-name>DeniedExtensionsFlash</param-name>
   <param-value></param-value>
  </init-param>
  <load-on-startup>1</load-on-startup>
 </servlet>
  <servlet-mapping>
    <servlet-name>Connector</servlet-name>
    <url-pattern>/editor/filemanager/browser/default/connectors/jsp/connector</url-pattern>
  </servlet-mapping>
  
  <servlet-mapping>
    <servlet-name>SimpleUploader</servlet-name>
    <url-pattern>/editor/filemanager/upload/simpleuploader</url-pattern>
  </servlet-mapping>  

并将其中的SimpleUploader的一个参数enabled改为true,以支持文件上传功能,即将
<init-param>
   <param-name>enabled</param-name>
   <param-value>false</param-value>
  </init-param>
改为
<init-param>
   <param-name>enabled</param-name>
   <param-value>true</param-value>
  </init-param>

在工程的WebRoot下新建文件夹UserFiles,注意大小写,存放用户上传的文件和图片,这是默认的,改动的话挺麻烦。
把web\lib中的两个jar包放到工程的WEB-INF\lib中,告一段落。
3. 在看2.6.2的那个解压文件,在FCKeditor中有很多文件,如果文件夹FCKeditor是小写fckeditor的话,在工程的WebRoot下新建一个文件夹FCKeditor,把fckeditor中的editor文件夹和fckconfig.js,fckeditor.asp,fckeditor.js, fckstyles.xml,fcktemplates.xml五个文件copy到该目录下。如果FCKeditor是大写写FCKeditor的话,直接将该目录拷贝到WebRoot下,同时除上述一个文件夹和五个文件外,其余全部删除。文件夹editor及其子目录中所有的以”_”下划线开头的文件和文件夹全部删除
4 把editor\filemanager\connectors目录中 把asp目录和php留下(上传用什么方法就留下什么),其余的方法目录[aspx 等待 目录] 删除(注意留下test.html 和 uploadtest.html)
5 editor\lang 语言目录 把 en.js 、 zh.js 、 zh-cn.js 留下,其余全部删除
6  FckEditor2.5.1 基本设置 添加字体,大小,语言
文本地址:FCKeditor\fckconfig.js
修改:
FCKConfig.DefaultLanguage  = 'en' ;   替换成--》 FCKConfig.DefaultLanguage  = 'zh-cn' ;
FCKConfig.FontNames 里增加国人常用的 宋体;楷体;黑体;隶书;行楷; 等
FCKConfig.FontSizes 里加上常用的字体大小 12px;14px;16px;18px;24px;26px;28px;32px;等
FCKConfig.TabSpaces = 1 ; //在编辑器中是否可以是否TAB键 0 不可用 1 为可用

(一) 上传文件时中文乱码问题
FCKeditor-java没有很好的解决中文问题。需要我们修改它的源代码后重新编译打包。打包过程如下:
1。 新建一个web工程名字为FCKeditor-java-2.3,然后把FCKeditor-2.3-java.zip解压缩后的代码拷贝到工程目录下。
2。如果是用的Eclipse,使用快捷键Ctrl+Shift+R
在SimpleUploaderServlet.java和ConnectorServlet.java两个文件里找到
DiskFileUpload upload = new DiskFileUpload();
分别在其后加入 upload.setHeaderEncoding("utf-8");
(二) 1、上传时新建的中文目录全部乱码;
2、浏览服务器时有中文名称文件或目录将会出现乱码。
虽然上传到服务器上的文件名正常,但在JSP页面点下载链接时文件名乱码导致不能正常下载。
查找资料:TOMCAT 链接参数有中文时,乱码解决方法
[url]http://hi.baidu.com/jadestone/blog/item/7564deefc9192d36acafd5be.html[/url]
修改tomcat-home/conf/server.xml
方法一(推荐):
在两处地方加上URIEncoding="utf-8":
      <Connector port="8080"
                 maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
                 enableLookups="false" redirectPort="8443" acceptCount="100"
                 debug="0" connectionTimeout="20000" 
                 disableUploadTimeout="true" URIEncoding="utf-8" />
               
      <Connector port="8009" 
                 enableLookups="false" redirectPort="8443" debug="0"
                 protocol="AJP/1.3" URIEncoding="utf-8" />
               
方法二:
使用useBodyEncodingForURI="true". 这个方法适合你的TOMCAT实例下需要跑多个不同Encoding的程序时。<... maxThreads="150" minSpareThreads="25" maxSpareThreads="75"
         enableLookups="false" redirectPort="8443" acceptCount="100"
        connectionTimeout="20000" disableUploadTimeout="true" useBodyEncodingForURI="true" />
       enableLookups="false" redirectPort="8443" protocol="AJP/1.3" useBodyEncodingForURI="true" /
(三) FCKeditor2.3上传文件功能与Struts 2 不兼容的问题
 原因:Struts2框架提供了系列拦截器,该系列拦截器负责将HttpServletRequest请求中的请求参数解析出来,传入到Action中,并回调Action的execute方法来处理用户请求。(FilterDispatch是Struts 2的核心控制器,它负责拦截所有的用户请求,FilterDispatch作为一个Filter运行在Web应用中,当请求到达时,该Filter会过滤用户请求。)而FCKeditor 的上传功能使用DiskFileUpload的praseRequest(HttpServletRequest request)方法解析上传文件信息,与Struts2的拦截器功能相冲突。
解决:让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>
【参考:】
[url]http://sharep.blog.51cto.com/539048/114506[/url]
分享到:
评论

相关推荐

    EXT教程EXT用大量的实例演示Ext实例

    6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 用NestedLayoutPanel在五块中再进行分割,...

    EXT2.0中文教程

    6.3. 嗯,不如再看看附加效果 6.3.1. 先看看split 6.3.2. 再试试titlebar 6.3.3. 还不够,还不够,让四周的区域可以缩起来 6.3.4. 给这些区域都加上个关闭按钮 6.3.5. 用NestedLayoutPanel在五块中再进行分割,实现...

    Ext 开发指南 学习资料

    6.3. 脑袋上有几个标签的tabPanel 6.4. 让布局复杂一点儿 6.5. 向诸位介绍一下各具特色的布局 6.5.1. accordion就是QQ那样的伸缩菜单 6.5.2. CardLayout?其实就是Wizard啦。 6.5.3. 呼呼,TableLayout就是合并行,...

    JAVA WEB典型模块与项目实战大全

    6.3 网络硬盘功能具体实现——操作文件夹和文件  6.4 小结  第7章 网站统计模块(jsp+servlet)  7.1 网站统计模块原理  7.2 实现显示欢迎信息功能,  7.3 指点迷津——cookie知识  7.4 统计访问量功能 ...

    低清版 大型门户网站是这样炼成的.pdf

    2.3.3 struts 2中集成fckeditor 80 2.3.4 struts 2中集成displaytag 83 2.4 struts 2国际化实现 85 2.4.1 web应用的中文本地化 85 2.4.2 struts 2应用的国际化 87 2.4.3 struts 2国际化语言的动态切换 89 2.5 ...

    ASP.NET3.5从入门到精通

    目录 第一篇 .NET基础 第 1 章认识 ASP.NET 3.5 1.1 什么是ASP.NET 1.1.1 .NET 历史与展望 1.1.2 ASP.NET 与ASP 1.1.3 ASP.NET 开发工具 1.1.4 ASP.NET 客户端 ...18.5.2 在客户端使用WCF 服务 18.6 小结 第 19 章 WPF...

    ASP.NET 3.5 开发大全11-15

    5.17.2 比较验证控件(CompareValidator) 5.17.3 范围验证控件(RangeValidator) 5.17.4 正则验证控件(RegularExpressionValidator) 5.17.5 自定义逻辑验证控件(CustomValidator) 5.17.6 验证组控件...

    ASP.NET 3.5 开发大全

    5.17.2 比较验证控件(CompareValidator) 5.17.3 范围验证控件(RangeValidator) 5.17.4 正则验证控件(RegularExpressionValidator) 5.17.5 自定义逻辑验证控件(CustomValidator) 5.17.6 验证组控件...

    ASP.NET 3.5 开发大全1-5

    5.17.2 比较验证控件(CompareValidator) 5.17.3 范围验证控件(RangeValidator) 5.17.4 正则验证控件(RegularExpressionValidator) 5.17.5 自定义逻辑验证控件(CustomValidator) 5.17.6 验证组控件...

    ASP.NET 3.5 开发大全word课件

    5.17.2 比较验证控件(CompareValidator) 5.17.3 范围验证控件(RangeValidator) 5.17.4 正则验证控件(RegularExpressionValidator) 5.17.5 自定义逻辑验证控件(CustomValidator) 5.17.6 验证组控件...

    ASPNET35开发大全第一章

    5.17.2 比较验证控件(CompareValidator) 5.17.3 范围验证控件(RangeValidator) 5.17.4 正则验证控件(RegularExpressionValidator) 5.17.5 自定义逻辑验证控件(CustomValidator) 5.17.6 验证组控件...

    ASP.NET3.5典型模块开发源代码

    24.2.2 在程序中使用Web Service 330 24.3 小结 332 第25章 在线随机考试模块 333 25.1 随机考试的技术要点 333 25.1.1 随机性 333 25.1.2 防止重复 334 25.2 考题数据库设计 334 25.2.1 设计数据库...

    Java Web应用详解.张丽(带详细书签).pdf

    6.5 FCKeditor 框架应用 第7章 JDBC数据库连接 7.1 JDBC 概述 7.2 JDBC的工作原理 7.3 数据库的安装与使用 7.4 JDBC 编程 7.5 网络留言板V1.0 第8章数据库连接池技术 8.1 数据库连接池 8.2 网络留言板V2.0 ...

Global site tag (gtag.js) - Google Analytics