前些天,在项目中用到了在线编辑器,不知道用哪个好,在网上搜了一下,发现FckEditor是一个不错的组件。它有多国语言版,支持多个平台(Asp.Net,Asp,Php,Jsp等等)。但是这个组件下下了后,研究了好很一段时间才对它有了一个初步的认识,关于它网上有很多的文章,但是关于如何使用方面的例子却不多。
所以我打算做这样一个例子,方便大家在用到这个组件的时候能马上上手。我们要用它,首先我们的手头要先有这个组件(下载FckEditor_2.5.1)。
因为我学的是.Net,而且也越来越流行,所以我的例子以Asp.Net为主。要让FckEditor支持.Net还要下载FckEditor_Net。这个不是最新的版本,最新是FckEditor2.6,版本不同,但是用法是一样的。那个版本都是一样,在我的例子中我用的是FckEditor2.5的。让我们先来看看这个里面都有什么fcdeditor文件夹里如下图:
对于FckEditor_Net这个文件夹我们用到了里面Bin\Debug\2.0\FredCK.FCKeditorV2.dll。如果你是.Net1.0的用户,则要用到Bin\Debug\1.0\FredCK.FCKeditorV2.dll。把这个DLL引用到你的网站根目录Bin 下面,再添加引用就行了。
对于FckEditor2.5.1,由于FckEditor是支持多语言、多平台的,我们现在要用的是Asp.Net所以我们只找出我们要用的东西,其它的我们可以除掉。首先带“_”的文件和文件夹可以不要,它们是一些示例。接下来我们继续给这瘦身。在fckeditor文件夹里我们只留下editor、fckconfig.js、fckeditor.js、fckstyles.xml、fcktemplates.xml这五个文件,其它的都除掉。在Css里是这个组件用到的样式,我们可以不动它。Dialog里是一些弹出对话框不要动它,Dta也不要动。editor\filemanager\connectors下面我们只要Aspx这一个就够了。这里提供的是我们对上传文件的管理。Lang我们只要Zh-cn.js这个是简体中文,它里面就是所能支持的所有的语言。Js里面是这个组件的核心,我们更是不能动,Plugins里面是一些插件,我们不用去管它,在做例子中我们会用到这里面的上传图片插件,而不用它默认的上传功能。Skin里面有三个皮肤:Default、Office2003,Silver。