一、CKEditor4安装
安装CKEditor 是很容易的。选择合适的过程（新安装或升级），按下面描述的步骤安装。
1、新安装
第一次安装CKEditor，按如下方式进行：
1) 从CKEditor 网站：http://ckeditor.com/download下载最新版本的CKEditor 。
2) 将下载的文档解压到你的website根目录下的ckeditor 目录中。你可以将文档放在你的website的任意路径中。ckeditor 目录是缺省目录。
2、升级
要升级现有的CKEditor 安装，按如下方式进行：
1) 将你的旧编辑文件夹更名为备份文件夹，如ckeditor_old。
2) 从CKEditor 网站：http://ckeditor.com/download下载最新版本的CKEditor 。
3) 将下载的文档解压到原编辑器的目录，如ckeditor。
4) 将你已做过更改的配置文件从备份目录复制到其新目录的相应位置。这些配置文件
可能包括（但不限于）下列文件：
oconfig.js ,
contents.css ,
styles.js
3、验证安装
CKEditor 带有样例页面，可以用于验证安装是否正常。为了查看编辑器是否工作，看一下样例目录。
要检查安装，在你的站点中调用下面的页面：
http://<your site>/<CKEditor installation path>/samples/index.html
例如：http://www.example.com/ckeditor/samples/index.html
二、集成
1、加载CKEditor
CKEditor 是JavaScript应用程序。要加载它，需要在页面中包含一个简单的文件引用。如果已在站点根目录下的ckeditor目录中安装了CKEditor ，你需要将下面的代码片段插入到页面的<head>部分：
<head> ...<script src="/ckeditor/ckeditor.js"></script></head>
当上述文件加载后，就可以使用CKEditor JavaScript API。
当将CKEditor加入到web页面时，使用原始的文件名（ckeditor.js）。如果想使用不同的文件名，或者甚至想将CKEditor合并到另外一个JavaScript文件中，请先参考开发人员指南中的 Specifying the Editor Path部分。
生成编辑器
现在已经可以在页面中使用 CKEditor JavaScript API了，可以使用它生成编辑器。为此，有两种可用的选项：
1、框架式编辑（Framed Editing）
最常用的使用方式，通常的表现形式是在页面中指定 位置放置工具栏和编辑区。
2、内联式编辑（Inline Editing）
用于看起来像最终的页面中。通过HTML5的contenteditable（内容可编辑的）属性，可以将编辑直接应用于HTML元素上。 点击你偏爱的选项获得更多信息。