知道FCKEditor的,就不能算是菜鸟了,所以这里也不多谈它是个什么东东,也不多谈它 与其它在线html编辑器的对比(有时间的话,发一个适合于ASP.NET环境的主流在线html编辑器对比的博客,不过现在请相信:FCKEditor 这个当前名列第一的在线html编辑器的确是货真价实。)
下边,详细地说明FCKEditor在ASP.NET环境下的配置,并如何设定它可以上传文 件。注意,请严格按照说明配置,代码可以复制完成,如果你在看完本博客还是完成不了FCKEditor的配置,请在下边评论中留言,说明情况,博主帮助你 解决,甚至可以把博主自己配置好的环境给你发到邮箱里(当然,你要在这个博客纸条里提供你的邮箱)。当然还是建议自己配置好,因为用这个工具的都是网站开 发人员,如果按说明连这个都拿不下来,何谈开发?
笔者使用的环境是XP3、SQL SERVER EXPRESS 2008、VS2008(C#),注意它同样适用VS2005及Visual Web Developer这些环境,只要是.NET FRAMEWORK 2.0以上即可
1、FCKEditor版本
当前FCKEditor的最新版本是FCKEditor2.6.5,笔者没有采用最新的 CKEditor + CKFinder组合。
2、FCKEditor下载
到http://ckeditor.com/download下 载,下载两个压缩文件,分别是FCKeditor_2.6.5.zip 和FCKeditor.Net 2.6.3.zip,注意不要下载网页最上边的那个CKEditor 3.1文件,本博文不用这个版本。
FCKeditor_2.6.5.zip是FCKEditor的页面运行文 件,FCKeditor.Net 2.6.3.zip是为ASP.NET环境制作的一个控件,最重要的就是里边那个.dll文件(后边会谈到)
3、FCKEditor解压及安装
最好新建一个网站进行配置,完成后,再对已经建成的ASP.NET网站配置,比如测试本博文 的工作情况,笔者建立了一个网站,目录为F:\web。解压FCKeditor_2.6.5.zip 至网站根目录下的fckeditor中,比如笔者的网站根目录是F:\web,则将这个压缩文件解压到 F:\web\fckeditor 内(注意实际解压时,会是像这样的目录 FCKeditor_2.6.5\fckeditor,把fckeditor这个目录复制到网站根目录下即可);解压另外一个压缩文件 FCKeditor.Net 2.6.3.zip 到任意目录,注意把目录FCKeditor.Net 2.6.3\bin\Release\2.0 下的文件(只有这一个文件)FredCK.FCKeditorV2.dll 复制到网站根目录下的 \bin\ 目录内,按笔者的网站,就应该是 F:\web\bin 内。如果你这个网站是刚刚建立的网站,bin目录可能不存在,手工建立一个即可,注意保证目录名拼写正确。这个 .dll 文件是专门为asp.net 制作的一个控件。在VS2008右边解决方案资源管理器内点击“刷新”工具按钮(右边数第2个),保证在根目录下的 bin 目录内可以看到刚才复制的 .dll 文件。
4、建立FCKEditor控件
在VS2008左边工具箱内右击,点击快捷菜单中的“选择项...”,在“选择工具箱项”对 话框中,点击“浏览”按钮,找到第3步你复制到 bin 目录内的 .dll 文件,点击“打开”,再点击“确定”;再看工具箱最下部的“常规”选项卡下,新添加了一个FCKEditor控件,添加成功。注意现在不要往网页上拖放, 因为还没有配置好,即使把它拖放上去,也不能用。
5、在VS2008环境中进入fckeditor目录,打开fckconfig.js文 件,找到两行代码:
var _FileBrowserLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'asp' ; // asp | aspx | cfm | lasso | perl | php | py
将它们改成:
var _FileBrowserLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | pyvar _QuickUploadLanguage = 'aspx' ; // asp | aspx | cfm | lasso | perl | php | py
可以看出这个里边有许多语言的选项,默认的是asp, 我们现在已经改成了aspx(红色是要改的地方)
6、在网站根目录下建立一个 Test.aspx 网页,复制下边一行代码
<%@ Register TagPrefix="FCKeditorV2" Namespace="FredCK.FCKeditorV2" Assembly="FredCK.FCKeditorV2" %>
把它粘贴到Test.aspx页面源代码 <%@ Page Language="C#" ... 那一行下边(就是粘贴到第二行);
然后再复制下边四行代码
<form ] = [ ... ];
全部内容复制粘贴在下边一份,把其中一份注释掉,修改另外一份,删除的方法比添加的方法好, 这样安全,规范。修改时,随时运行网页,查看实际效果。
添加常用中文字体:
找到配置行
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';
关闭fckconfig.js,点击“生成 > 生成网站”,运行,看看修正后的效果。
10、FCKEditor瘦身
如果前边进展一切顺利,把这个网站目录复制存留一份复件,然后开始进行瘦身。
因为FCKEditor是针对所有主流的WEB开发平台,又针对所有主要国家语言的软件,而 我们现在只用它运行于中文(把英文也考虑进去吧),只运行于ASP.NET平台,所以我们把其它与此无关的内容删除。
首先,在 ~\fckeditor 目录下,把所有以“_”符号形状的目录及文件全部删除,这样在 ~\fckeditor 下只有一个 editor 目录;
其次,在 ~\fckeditor 目录下,只保留 fckconfig.js、fckeditor.asp、fckeditor.js、fckstyles.xml、fcktemplates.xml 这五个文件,其它一律删除,如笔者的解决方案资源管理器截图如下:
接着,进入 ~\fckeditor\editor 目录,删除其中的 _source 目录;
进入 ~\fckeditor\editor\lang 目录,只留下 en.js, zh-cn.js 和 zh.js 这三个文件,其它文件全部删除,这些是工具栏语言文件,留下的三个分别是英语、简体汉字和繁体汉字。
进入 ~\fckeditor\editor\filemanager\connectors 目录,这里有支持各个开发平台的目录,只留下 aspx 目录,其它目录一概删除,注意留下那两个文件吧。
好了,大功告成!
看累了吧,我写得更累,愿这篇博文能够帮助你解决配置 FCKEditor 方面的问题。如果对你有帮助,请留言说明,如果运行不成功,或者里面有错误的地方,更希望你在留言中指出来。