HTML WYSIWYG 编辑器,即为即见即所得编辑器的扩展,KingCMS默认的编辑器为nicEdit,可以扩展流行的FCKEditor和还可以支持视频等比较全面的功能的TinyMCE编辑器。
到 http://www.fckeditor.net/ 下载最新版的编辑器,winrar等工具打开压缩包,把压缩包里的fckeditor目录直接拖动到system/editor/目录下面。
进入管理系统,设置->清理主系统缓存后,再展开设置,即可看到可以选择fckeditor编辑器。
仅下载安装编辑器是不够的,需要对其进行进一步的配置。
先删除不必要的文件和目录:
配置fckeditor/fckconfig.js文件
这个文件是FCKEditor编辑器设置界面相关的选项。
参数 | 作用 | 建议 |
---|---|---|
Source | HTML源码编辑 | 保留 |
DocProps | 页面属性 | 删除 |
Save | 保存 | 删除 |
NewPage | 新建 | 删除 |
Preview | 预览 | 自便 |
Templates | 格式模板 | 自便,若删除的话,可以删除fckeditor/fcktemplates.xml文件 |
Cut | 剪切 | 删除 |
Copy | 复制 | 删除 |
Paste | 粘贴 | 删除 |
PasteText | 粘贴为无格式文本 | 保留 |
PasteWord | 从 MS Word 粘贴 | 保留 |
打印 | 删除 | |
SpellCheck | 拼写检查 | 删除,中文编辑用不上这个 |
Undo | 撤消 | 保留 |
Redo | 重做 | 保留 |
Find | 查找 | 保留 |
Replace | 替换 | 保留 |
SelectAll | 全选 | 删除 |
RemoveFormat | 清除格式 | 保留 |
Form | 表单 | 删除 |
Checkbox | 复选框 | 删除 |
Radio | 单选按钮 | 删除 |
TextField | 单行文本 | 删除 |
Textarea | 多行文本 | 删除 |
Select | 隐藏域 | 删除 |
Button | 按钮 | 删除 |
ImageButton | 列表/菜单 | 删除 |
HiddenField | 图像域 | 删除 |
Bold | 加粗 | 删除 建议用快捷键 CTRL + B |
Italic | 斜线 | 删除 CTRL + I |
Underline | 下划线 | 删除 CTRL + U |
StrikeThrough | 删除线 | 删除 |
Subscript | 下标 | 删除 |
Superscript | 上标 | 删除 |
OrderedList | 有序列表 | 保留 |
UnorderedList | 无序列表 | 保留 |
Outdent | 减少缩进量 | 保留 |
Indent | 增加缩进量 | 保留 |
Blockquote | 块引用 | 自便 |
CreateDiv | 插入 Div 标签 | 自便 |
JustifyLeft | 左对齐 | 保留 |
JustifyCenter | 居中对齐 | 保留 |
JustifyRight | 右对齐 | 保留 |
JustifyFull | 两端对齐 | 保留 |
Link | 插入/编辑超链接 | 保留 |
Unlink | 取消超链接 | 保留 |
Anchor | 插入/编辑锚点链接 | 删除 |
Image | 插入图片 | 保留 |
Flash | 插入Flash动画 | 保留 |
Table | 插入表格 | 保留 |
Rule | 水平线 <hr> | 保留 |
Smiley | 插入表情 | 删除 |
SpecialChar | 特殊符号 | 保留 |
PageBreak | 分页标签 | 保留 |
Style | 套用样式 | 若不用,可以删掉fckeditor/fckstyle.xml,若修改样式,就修改这文件 |
FontFormat | 文字预置样式 | 保留 |
FontName | 选择字体 | 保留 |
FontSize | 文字大小 | 保留 |
TextColor | 文字颜色 | 保留 |
BGColor | 文字背景色 | 保留 |
FitWindow | 全屏编辑 | 保留 |
ShowBlocks | 显示区块 | 保留,辅助性的显示,挺不错 |
About | 关于编辑器信息 | 尊重开发者的劳动,还是保留吧。 |
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文件,参数设置如下:
define('KC_INDEX',True);
define('KC_CALL_FUNC',True);
require_once '../../../../../../../global.php';
!defined('KC_IN') && exit('No direct script access allowed');
$king->access('#brow');
TinyMCE从 http://tinymce.moxiecode.com/ 里下载得到。
下载解压后,把jscripts目录下面的tiny_mce文件夹放到system/editor/目录下面,并清理缓存即可从设置菜单下面看到。
TinyMCE编辑器的文件管理插件MCFileManager和图片编辑插件MCImageManager比较不错,只可惜是收费的。
相比FCKEditor,TinyMCE没有多少删除的地方,指南里就不多陈述。
国内最强HTML可视化编辑器eWebEditor的功能比较全面,虽说2.8版有安全性问题,并不是软件本身的问题,而是使用者配置不当造成的原因比较多。下面以4.60精简版本为基础,进行配置。
菜单编辑
打开eWebEditor/style/light.js文件的showToolbar()函数是输出菜单结构的内容,根据自己的需求删除对应的菜单即可。
这并不是我们所熟悉的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下载 | ![]() |