FCKeditor介绍
FCKeditor是一个功能强大支持所见即所得功能的文本编辑器可以为用户提供微软office软件一样的在线文档编辑服务它不需要安装任何形式的客户端兼容绝大多数主流浏览器支持ASPNetASPColdFusion PHPJavaActiveFoxProLassoPerlython 等编程环境
官方网站
官方文档
下载地址
其实不同版本的FCKeditor配置过程基本类似这里拿最新的作为实例进行介绍
FCKeditor安装和配置
到下载FCKeditorzip和FCKeditorNET版的个zip包
(a) FCKeditor_是其最新的Javascript文件和图片等
(b) FCKeditorNet_zip是一个ASPNET控件DLL文件
将a解压缩得到FCKeditor的核心文件将其拷贝到web项目的根目录下(建议当然你可以任意放)然后解压b得到NET支持的源码进入bin下的Release中存在FCKeditor的DLL(这里也有debug文件夹建议使用release)我们需要在项目中添加对其引用即可
工程浏览器上右键选择添加引用(Add Reference…)找到浏览(Browse)标签然后定位到你解压好的FredCKFCKeditorVdll确认就可以了这时FCKPro工程目录下就多了一个bin文件夹里面包含FredCKFCKeditorVdll文件
为了方便RAD开发我们把FCKeditor控件也添加到VS的工具箱(Toolbox)上来展开工具箱的常用标签组(General)右键选择组件(Choose Items…)在对话框上直接找到浏览按钮定位FredCKFCKeditorVdll然后确认就可以了
配置WebConfig在<appSettings>节点添加如下所示
<appSettings>
<add key=FCKeditor:BasePath value=/Web/fckeditor//>
<add key=FCKeditor:UserFilesPath value=/Web/Upload/ />
</appSettings>
说明/Web/是项目名称
BasePathfckeditor是FCKeditor整个文件夹所在的目录
UserFilesPath上传文件图片等存储的路径
完成之后再完成了下面的详细配置中的第一条我们就可以使用FCKeditor控件了为了更好的调试这个工具使得其满足我们的实际需要必须对其属性的设置进行修改
FCKeditor详细的设置
进入FCKeditor文件夹编辑 fckconfig 文件其实里面罗列的都比较清楚编写比较规范还有一些注释但是只要略懂英文的就能够看得懂操作起来也非常的方便下面就简单介绍几种常用的设置作为一个小例子
此步骤是必须的也是最重要的一步必不可少的
原来:
var _FileBrowserLanguage = php ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = php ; // asp | aspx | cfm | lasso | php
改为:
var _FileBrowserLanguage = aspx ; // asp | aspx | cfm | lasso | perl | php | py
var _QuickUploadLanguage = aspx ; // asp | aspx | cfm | lasso | php
配置语言包有英文繁体中文等这里我们使用简体中文
原来
FCKConfigDefaultLanguage = en ;
改为
FCKConfigDefaultLanguage = zhcn ;
配置皮肤有defaultofficesilver风格等
这里我们可以使用默认
FCKConfigSkinPath = FCKConfigBasePath + skins/default/ ;
在编辑器域内可以使用Tab键(为是为否)
FCKConfigTabSpaces = ; 改为FCKConfigTabSpaces = ;
加上几种我们常用的字体的方法例如
修改
FCKConfigFontNames = Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana ;
改为
FCKConfigFontNames = 宋体;黑体;隶书;楷体_GB;Arial;Comic Sans MS;Courier New;Tahoma;Times New Roman;Verdana
编辑器域内默认的显示字体为px想要修改可以通过修改样式表来达到要求打开/editor/css/fck_editorareacss修改fontsize属性即可如fontsize: px;
关于安全性
如果你的编辑器用在网站前台的话那就不得不考虑安全了在前台千万不要使用Default的toolbar要么自定义一下功能要么就用系统已经定义好的Basic也就是基本的toolbar
FCKConfigToolbarSets[Basic] = [
[BoldItalicOrderedListUnorderedListLinkUnlinkImageAbout]
] ;
其实这些你都可以按自己的需求进行设置功能的足够强大为了提供了更多的选择肯定能够满足你的需求
当然也可以配置一下WebConfig也能让它确保安全接下来我们将讲到
FCKEditor 的问题
FCKeditor出现this connector is disabled Please check theeditor/filemanager/connectors/aspx/configaspx错误的解决办法
打开editor/filemanager/connectors/aspx/configascx修改CheckAuthentication()方法返回true
private bool CheckAuthentication()
{
return true;
}
在上传文件窗口点击浏览服务器会出现the server didnt send back a proper xml错误提示因为后期版本的FCKEditor要求不同类型的文件分别传到不同的目录包括fileimagefalshmedia等目录一定要先建立起来
FCKeditor精简
进入FCKeditor文件夹把所有_开头的文件和文件夹删掉这些都是一些范例只保留editor文件夹fckconfigfckeditorfckstylesxmlfcktemplatesxml就可以了
进入editor文件夹删掉_source文件夹里面放的同样是源文件
退回上一级目录进入filemanager文件夹有browser和upload两个文件夹进入browserdefaultconnectors只保留aspx文件夹其余的删掉mcpuk目录亦可删除upload也一样只保留aspx文件夹
退到editor再进入images文件夹smiley里面放的是表情图标有msn和fun两个系列如果你想用自己的表情图标可以把它们都删除如果你想用这里的表情图标那就不要删了
lang里面放的是语言包如果只是用简体中文那么只保留fcklanguagemanagerzhcn两个文件就行了
建议也保留en(英文)zh(繁体中文)两个文件fcklanguagemanager是语言配置文件有了它才能和fckconfig里的设置成对对应上相应的语言文件一定要保留!
再退出lang文件夹进入skins文件夹如果你想使用FCKeditor默认的奶黄色那就把除了default文件夹外的另两个文件夹直接删除如果想用别的那就看你自己的喜好了