标签：
和涛哥学习MVC项目四
目录
第一种方式：通过制定textarea元素class选择器来载入在线文本编辑器... 8
第二种方式：通过替换指定的id选择器实现文本编辑器的载入... 8
第三种方式：通过jQuery的方式实现文本编辑器的载入... 9
2、创建接收文件，由于文本编辑器内容会自带一些默认格式，所以请转义... 20
1、复制ckeditor与ckfinder到Public文件夹中... 23
2）在前台Public文件夹中创建uploads文件夹用于保存上传文件... 23
3）引入ckeditor接口文件与ckfinder接口文件... 23
5）更改ckeditor中的配置文件config.js或custom.js中调整路径，如下... 24
答：网站后台，OA系统，留言等功能
那些年涛哥追过的文本编辑器
网址：http://ckeditor.com/，单机Download按钮，如下图所示
Basic Package：基础班，功能较少，体积较小，适合前台使用
Standard Package：标准版，具有常用功能
Full Package：完全版，具有系统的全部功能
fckeditor：文本编辑功能与图片上传功能整合在一个编辑器中，开源免费的
ckeditor：文本编辑器（只具有文本编辑功能），开源免费的
ckfinder：文件管理系统，收费的
如果我们要使用ckeditor，那么一定要载入核心入口ckeditor.js文件
2）通过定义textarea class=”ckeidtor”来实现对ckeditor文本编辑器的调用，另外需要添加一个id或name的属性，如下图所示：
运行效果如下：
运行效果如下：
a）首先载入jquery.js源码文件
b）载入ckeditor.js入口文件以及适配器jquery.js文件
说明：a)中的jquery.source.js是jQuery源码文件
b)中的jquery.js是ckeditor为jquery提供的适配器接口文件
c）编写textarea文本域，并添加id为ckeditor的属性
运行效果如下：
可以通过config.属性的方式来修改文本编辑器的配置信息，如下图所示
效果如下：
注：以上方式不推荐大家使用，因为当前的更改会影响到系统中所有文本编辑器的样式
在replace方法中，实际上存在第二个参数，要求是一个json对象，{}，里面可以放多个属性，属性与属性之间可以通过，逗号隔开
通过以上方式调用自定义配置文件custom.js也可以实现对文本编辑器的配置
效果如下：
直接在replace方法中更改样式
效果如下：
标签：
原文地址：http://www.cnblogs.com/lifushan/p/5423225.html
