今天心血来潮,想给自己的小破站加个富文本编辑器,之前听说fckeditor挺好用的,就决定试试它。
第一步,当然是下载。
我直接去官网扒拉一份最新的下来,解压之后,发现里面文件还挺多的,有点懵。
然后,我就开始琢磨怎么用。
看一堆网上的教程,感觉都讲得云里雾里的,还是自己摸索出一条路。
我先把解压出来的文件夹整个放到我的网站根目录下面,文件夹名字就叫fckeditor,简单粗暴。
精简一下文件。
我看那些以下划线开头的文件和文件夹,像是什么例子,文档,感觉对我这个小站来说没啥用,就直接咔咔给删掉。留下editor文件夹,还有*,*,*,*这几个文件。
重点来,配置!
我打开*这个文件,发现里面密密麻麻的配置项,头都大。不过还我发现可以搞个自定义配置文件,这样就不用改动原始的配置。
于是我在fckeditor文件夹里新建一个*文件,打算把个性化的配置都写在这里面。这个文件的好处就是它会覆盖*里面的默认配置,升级的时候也不怕被覆盖掉。
再然后,修改文件引用。
我在需要用到编辑器的页面里,引入*这个文件。具体咋引用的,我就不啰嗦,反正就是跟平时引用js文件一样。
配置工具栏。
默认的工具栏按钮太多,我看着眼花,就在*里把不需要的按钮都给干掉,只留下几个常用的,清爽多。
设置文件上传路径。
这个还挺重要的,不然图片啥的没地方放。我记得是在*里找到一个叫FileBrowserUploadUrl的配置项,把它改成我网站上处理上传的那个aspx文件的路径。
测试一下。
我打开我的网站页面,编辑器出来!试试上传图片,也OK!完美!
,对,还有个小插曲。
我一开始把fckeditor文件夹放到别的地方,结果编辑器死活出不来。后来才发现,原来它默认是按照网站根目录下的fckeditor这个路径来找文件的。文件夹位置和名字还真不能随便乱改。
这回配置fckeditor还算顺利,虽然中间也走点弯路,但最终还是搞定。以后写文章就可以告别纯文本,想想还有点小激动!