总结学习Fckeditor使用方法

最近在一个OA的项目中,用到了一个编辑器 Fckeditor, 先来看看它的效果图:

总结学习Fckeditor使用方法_第1张图片

FCKeditor是目前最优秀的可见即可得网页编辑器之一,它采用JavaScript编写。具备功能强大、配置容易、

跨浏览器、支持多种编程语言、开源等特点。它非常流行,互联网上很容易找到相关技术文档,国内许多WEB

项目和大型网站均采用了FCKeditor。
FCKeditor是一个专门使用在网页上属于开放源代码的所见即所得文字编辑器。它志于轻量化,不需要太复杂的

安装步骤即可使用。它可和PHP、JavaScript、ASP、ASP.NET、ColdFusion、Java、以及ABAP等不同的编程

语言相结合。“FCKeditor”名称中的“FCK” 是这个编辑器的作者的名字Frederico Caldeira Knabben的缩写。

目前Fckeditor用于基于ie内核的浏览器,如果要使用于chrome等浏览器,请使用ckeditor。

具体使用方法:

1.将解压后的fckeditor整个文件夹复制到ProjectWebRoot路径下

2.在要使用Fckeditor的页面,导入fckeditor.js(在fckeditor文件夹里)文件

因为此处使用Fckeditor用到了jQuery,因此相应的jquery.js也要导入

  
  

3.根据需要适当修改以下JS代码,复制到要使用Fckeditor的页面即可

  

替换成Fckeditor的textarea,名字和上面的替换的名字要一致。

 


PS:代码解释

JS代码中各个参数具体作用(使用本js或者上文使用方法步骤3的代码都可以,两段代码大同小异)

  


使用自定义的配置文件

1.在fckconfig.js里将FCKConfig.CustomConfigurationsPath = ''修改为:FCKConfig.CustomConfigurationsPath=FCKConfig.EditorPath+"myconfig.js"作用:告诉Fckeditor,我有个自定义的配置在该地址下的该文件。

2.在myconfig.js里写想修改的东西,例如:表情,Fckeditor菜单栏的减少等,模版在fckconfig.js里面有,参考着修改即可。没有修改的配置,Fckeditor默认使用自己的默认配置。

你可能感兴趣的:(总结学习Fckeditor使用方法)