CKEditor的下载、配置与使用

CKEditor简介：                                                       

CKEditor 是一款功能强大的开源在线文本编辑器。它所见即所得的特点，使你在编辑时所看到的内容和格式，能够与发布后看到的效果完全一致。CKEditor 完全是基于 JavaScript 开发的，因此不必在客户端进行任何安装，并且兼容各大主流浏览器。CKEditor 的前身是 FCKEditor，目前，有很多公司都在使用 CKEditor 作为 Web 编辑的解决方案。

CKEditor下载与配置：                                                  

1、到官网下载CKEditor（目前，最新版本是4.2）：
http://ckeditor.com/download  ，解压后复制到工程的WEBROOT目录下。

2、新建JSP页面，引用其JS文件：

1 <script type="text/javascript" src="ckeditor/ckeditor.js"></script>

注意：
（1）src的路径。
（2）不要写成<script type="text/javascript" src="ckeditor/ckeditor.js />样式，自3.0.1以后的版本中使用会出现CKEditor未定义的脚本错误提示，致使不能生成编辑器。

3、用CKEditor替代textarea：

1 <textarea rows="30" cols="50" name="editor01">请输入.</textarea>

4、用CKEditor替代textarea，有两种方法，相应的javascript代码如下：

（1）在textarea后面加入javascript：

1 <script type="text/javascript">CKEDITOR.replace('editor01');</script>

（2）或在加载后调用响应的方法：

1 <script type="text/javascript">    2     window.onload = function()    {3         CKEDITOR.replace( 'editor01' ); 4     };5 </script>

 

上述创建方法的

• 优点：简单！
• 缺点：不容易灵活设置Ckeditor的皮肤、工具栏甚至初始化时的动作事件；
• 补救办法：通过Ckeditor根目录下的config.js去设置（适用于整个网站只调用同一种皮肤、工具栏的Ckeditor）