FCKeditor编辑器在JAVA中的使用与配置

sdaab1120123

sdaab1120123

2016-02-19 20:04

关注图老师设计创意栏目可以让大家能更好的了解电脑,知道有关于电脑的更多有趣教程,今天给大家分享FCKeditor编辑器在JAVA中的使用与配置教程,希望对大家能有一点小小的帮助。

  工作前的预备

  版本是FCKeditor_2.4.2.zip,FCKeditor.Java 2.3.zip。这些都可以在http://www.fckeditor.net 网站下载到!

  配置

  1. 新建工程compass,在WebRoot文件夹下新建文件夹FCKeditor(用来存放FCKeditor相关文件,

  记得大小写要一致,因为假如你需要改变的话变化的文件比较多,而且还不确定是否改全了)

  2. 将FCKeditor_2.4.2包中的 editor 文件夹和fckconfig.js、fckeditor.js、fckstyles.XML、fcktemplates.xml

  这四个文件放到项目中的 FCKeditor 目录。

  3. 将FCKeditor.Java -2.3.zip 包中的 webWEB-INFlib 下的两个 jar 文件到项目的 WebRootWEB-INFlib目录下

  4. 将FCKeditor.Java -2.3.zip 包中的 src 下的 FCKeditor.tld 文件到项目的 WebRootWEB-INF 目录

  5. 在 WebRoot 目录下新建 UserFiles 文件夹,在此文件夹下新建 Image、 Flash 、File、Media四个文件夹 ,他们分别用来存放上传的图片、动画、文件、媒体文件

  6. 修改fckconfig.js组件配置文件:

  A、FCKConfig.SKINPath = FCKConfig.BasePath + 'skins/silver/' ;

  这是组件的样式模板,好确定你到底需要使用哪中样式,这个根据你自己的喜好更改,

  B、FCKConfig.DefaultLanguage = 'zh-cn' ;

  这个是确定你需要使用哪中语言,设定成上面的表示使用简体中文;

  C、更改文件浏览的路径:

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/bianchengyuyan/)

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" ;

  把相应的信息屏蔽掉,使用上面的

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/bianchengyuyan/)

  D、更改上传文件的路径

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' ;

  把相应的信息屏蔽掉,使用上面的

(本文来源于图老师网站,更多请访问https://m.tulaoshi.com/bianchengyuyan/)

  7. 修改 web.xml 文件,加入以下内容 :

  在FCKeditor.Java -2.3.zip 包中有个webWEB-INFWEB.XML,把这个节点里面的内容复制到你的工程里面的相应的位置,值得说明的地方是:

servlet-nameConnector/servlet-name
      servlet-classcom.fredck.FCKeditor.connector.ConnectorServlet/servlet-class
      init-param
       param-namebaseDir/param-name
  
   !-- 此为文件浏览路径,可以只有选择修改,但切记不可改成“/[工程名]/UserFiles/”
  因为他目前已经是在工程的根目录下来运行的,故假如要把默认浏览的文件目录为
  webrootupload目录,之需要改变成:/upload/,即可 --
       param-value/UserFiles//param-value
      /init-param
      init-param
  servlet-nameSimpleUploader/servlet-name
      servlet-classcom.fredck.FCKeditor.uploader.SimpleUploaderServlet/servlet-class
      init-param
       param-namebaseDir/param-name
  !-- 此为文件上传路径,可以只有选择修改,但切记不可改成“/[工程名]/UserFiles/”
  因为他目前已经是在工程的根目录下来运行的,故假如要把上传的文件放到webrootupload目录下,
  之需要改变成:/rpload/,即可 --
       param-value/UserFiles//param-value
      /init-param
      init-param
       param-namedebug/param-name
       param-valuetrue/param-value
      /init-param
      init-param
  !-- 记得要改变这里,把FALSE改变成TRUE,这个是是否启用上传功能 --
       param-nameenabled/param-name
       param-valuetrue/param-value
      /init-param
        servlet-mapping
        servlet-nameConnector/servlet-name
        url-pattern
         /FCKeditor/editor/filemanager/browser/default/connectors/jsp/connector
        /url-pattern
      /servlet-mapping
  !-- 别忘记上面和下面加粗部分的代码--
   
      servlet-mapping
        servlet-nameSimpleUploader/servlet-name
        url-pattern/FCKeditor/editor/filemanager/upload/simpleuploader/url-pattern
      /servlet-mapping

  优化

  以上都是把组件嵌入进工程的 配置过程,下面我们来把组件压缩优化一下,把无用的文件给剔除掉:

  删除 WebRootFCKeditoreditorfilemanagerrowserdefaultconnectors 目录下所有的文件,这些是用来浏览文件的,对于jsp的话是使用了 servlet 来处理,所以这些文件都是多余的

  删除 WebRootFCKeditoreditorfilemanagerupload 目录下所有的文件

  删除 WebRootFCKeditoreditorlang 目录下不需要的语言,如保留中文和英文[EN.js]还有 fcklanguagemanager.js 文件

  删除 WebRootFCKeditoreditorskins 目录下不需要的皮肤文件,有三种皮肤,可根据需要进行删除

  JSP页面上的使用

  ★首先在test.jsp页面的页头加上标签使用语句:

  ★然后在页面的相应位置增加调用语句,对于FCK标签,里面还可以增加很多属性,当然也可以不加,注重下面粗体的地方,我下面使用了2个比较常用的属性,一个是高度的调整,另一个是组件风格

  This is FCKeditor demo!

  ★接收参数可以这么写

  其它

  1、fckconfig.js总配置文件,可用记录本打开,修改后将文件存为utf-8 编码格式。找到:

  FCKConfig.TabSpaces = 0 ; 改为FCKConfig.TabSpaces = 1 ; 即在编辑器域内可以使用Tab键。

  2、假如你的编辑器还用在网站前台的话,比如说用于留言本或是日记回复时,那就不得不考虑安全

  了,在前台千万不要使用Default的toolbar,要么自定义一下功能,要么就用系统已经定义好的Basic,也就是基本的toolbar,找到:

FCKConfig.ToolbarSets["Basic"] = [
  
   ['Bold','Italic','-','OrderedList','UnorderedList','-',/*'Link',*/'Unlink','','Style','FontSize','TextColor','BGColor','-','Smiley','SpecialChar','Replace','Preview'] ] ;

  这是改过的Basic,把图像功能去掉,把添加链接功能去掉,因为图像和链接和flash和图像按钮添加功能都能让前台页直接访问和上传文件, fckeditor还支持编辑域内的鼠标右键功能。

  FCKConfig.ContextMenu = [

'Generic',/*'Link',*/'Anchor',/*'Image',*/'Flash','Select','Textarea','Checkbox',

  'Radio','TextField','HiddenField',/*'ImageButton',*/'Button','BulletedList',

  'NumberedList','TableCell','Table','Form'] ;

  这也是改过的把鼠标右键的“链接、图像,FLASH,图像按钮”功能都去掉。

  3、找到: FCKConfig.FontNames =

  'Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana' ;

  加上几种我们常用的字体 :

  FCKConfig.FontNames = '宋体;黑体;隶书;楷体_GB2312;Arial;Comic Sans MS;

  Courier New;Tahoma;Times New Roman;Verdana' ;

  4、注重上传的文件名不能有中文,否则无法正常显示或链接下载。


展开更多 50%)
分享

猜你喜欢

FCKeditor编辑器在JAVA中的使用与配置

编程语言 网络编程
FCKeditor编辑器在JAVA中的使用与配置

FCKeditor在线编辑器的使用

编程语言 网络编程
FCKeditor在线编辑器的使用

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

HTML编辑器FCKeditor使用详解

Web开发
HTML编辑器FCKeditor使用详解

在jsp环境中配置使用fckeditor

Web开发
在jsp环境中配置使用fckeditor

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

在JSP环境中如何配置和使用fckeditor

Web开发
在JSP环境中如何配置和使用fckeditor

教你在JSP环境中配置和使用fckeditor

Web开发
教你在JSP环境中配置和使用fckeditor

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

Win10进入安全模式的方法

Win10进入安全模式的方法

对Gmail中使用AJAX技术的研究

对Gmail中使用AJAX技术的研究
下拉加载更多内容 ↓