HTML WYSIWYG 编辑器的扩展

HTML WYSIWYG 编辑器,即为即见即所得编辑器的扩展,KingCMS默认的编辑器为nicEdit,可以扩展流行的FCKEditor和还可以支持视频等比较全面的功能的TinyMCE编辑器。

FCKEditor的支持

到 http://www.fckeditor.net/ 下载最新版的编辑器,winrar等工具打开压缩包,把压缩包里的fckeditor目录直接拖动到system/editor/目录下面。
进入管理系统,设置->清理主系统缓存后,再展开设置,即可看到可以选择fckeditor编辑器。

仅下载安装编辑器是不够的,需要对其进行进一步的配置。
先删除不必要的文件和目录:

  1. 删除fckeditor目录下面的_samples目录
  2. 删除fckeditor_php5.php、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml外的全部文件
  3. 删除fckeditor/_source目录
  4. 删除fckeditor/lang/目录下面的zh-cn.js外的全部文件
  5. 删除fckeditor/skins/目录下面的default外的全部文件
  6. 删除fckeditor/editor/filemanager/connectors/目录下面的php目录外的全部文件
  7. 删除fckeditor/plugins/下面的所有目录及文件,我们在这里不配置插件

配置fckeditor/fckconfig.js文件
这个文件是FCKEditor编辑器设置界面相关的选项。

KingCMS FCKEditor编辑器工具栏优化

FCKConfig.ToolbarSets["Default"] = [
['Source','Preview'],
['PasteText','PasteWord'],
['Undo','Redo','-','Find','Replace','RemoveFormat'],
['OrderedList','UnorderedList','-','Outdent','Indent','Blockquote','CreateDiv'],
['JustifyLeft','JustifyCenter','JustifyRight','JustifyFull'],
['Link','Unlink'],
['Image','Flash','Table','Rule','SpecialChar','PageBreak'],
'/',
['Style','FontFormat','FontName','FontSize'],
['TextColor','BGColor'],
['FitWindow','ShowBlocks','-','About']
] ;

删掉Default下面的Basic部分代码

FCKConfig.ToolbarSets["Basic"] = [
['Bold','Italic','-','OrderedList','UnorderedList','-','Link','Unlink','-','About']
] ;

FCKEditor自带的文件浏览器的设置

打开fckeditor/editor/filemanager/connectors/php/config.php文件,参数设置如下:

TinyMCE的支持

TinyMCE从 http://tinymce.moxiecode.com/ 里下载得到。
下载解压后,把jscripts目录下面的tiny_mce文件夹放到system/editor/目录下面,并清理缓存即可从设置菜单下面看到。

TinyMCE编辑器的文件管理插件MCFileManager和图片编辑插件MCImageManager比较不错,只可惜是收费的。

相比FCKEditor,TinyMCE没有多少删除的地方,指南里就不多陈述。

eWebEditor的支持

国内最强HTML可视化编辑器eWebEditor的功能比较全面,虽说2.8版有安全性问题,并不是软件本身的问题,而是使用者配置不当造成的原因比较多。下面以4.60精简版本为基础,进行配置。

菜单编辑
打开eWebEditor/style/light.js文件的showToolbar()函数是输出菜单结构的内容,根据自己的需求删除对应的菜单即可。

Edit area

这并不是我们所熟悉的HTMLArea编辑器,而是Edit area,纯代码编辑器,此编辑器仅适用于SEO有苛刻要求的高手,对SEO不感兴趣的站长,可以回避。
官方网站: http://www.cdolivet.com/
项目托管于: http://sourceforge.net/projects/editarea/

此编辑器功能比较有限,点击这里下载

进行优化后的编辑器下载链接

编辑器名称及版本精简后的程序
FCKEditor 2.6.4下载
TinyMCE 3.2.2.1下载
eWebEditor简体中文精简版 4.6下载
Edit area 0.7.3下载
7z解压软件7zip下载下载