一、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://mand // return false; } }, 'for': [ 'tab1', 'id2' ] }

在filebrowser.params属性中，我们可以添加其它参数，在查询字符串中传递给外部文件浏览器。filebrowser.target是当通过服务器连接器（uploader）返回文件时被更新的目标元素--如果我们定义了自己的onSelect函数(filebrowser.onSelect)并在此函数中更新了目标元素，就像前一例子中的作法，我们就不不需要此目标元素。

四、CKEditor4定制

1、CKEditor4插件

CKEditor是完全基于插件的。实际上，编辑器的核心是一个空盒子，它由插件提供的功能来进行填充。甚至编辑器的界面，像工具栏、按钮和编辑区也是插件。

CKEditor的默认安装，可能你正在使用，具有一些展现于其中的插件。你可以将插件添加到你的编辑器中，给你的用户带来更好更有用的功能。

在哪里寻找插件？

CKEditor Add-ons Repository是寻找和共享插件的在线服务。它可以很容易地理解插件功能，与CKEditor群体进行交往。如果你是一个插件开发者，它也是一个展示你的技能，获得大量用户基础的最佳地方。

用CKBuilder生成定制的编辑器

CKBuilder 是CKEditor Add-ons Repository的姊妹服务，可以通过选择更适合你需要的插件来生成定制的编辑器。
通过插件件的导航，你可以使用 "Add to my editor button" 将你喜欢的插件发到你定制的编辑器中。一旦完成，你可以简单地下载插件，尽享完美实现你需要的编辑体验。

手动安装插件

如果你不喜欢使用CKBuilder，如果你有自己的或第三方插件，或如果你只想在经历CKBuilder过程前测试插件，你还可以将插件添加到你本地的安装中，通过下面的几个步骤：

1. 解压zip文件：插件通常是zip文件。所以要想开始，要确保将zip文件解压到一个文件夹中。

2. 复制文件到CKEditor中：最简单的安装文件的方法是通过简单地将文件复制到CKEditor安装目录的plugins文件夹中。必须放到与插件"技术"名字相匹配的子文件夹中。例如， Magic Line plugin将被安装到这样的文件夹中：<CKEditor folder>/plugins/magicline。

3. 使插件生效：现在是时候告诉CKEditor你为它加了新的插件。为此，你简单地使用extraPlugins配置选项：config.extraPlugins = 'magicline'; 就是这些。现在你的插件就可以在CKEditor中生效了。

2、皮肤
CKEditor的用户界面外观完全可以通过皮肤来进行定制。像工具栏、对话框、按钮以及甚至其图标这些元素都可以按你喜欢的样式进行改变。

CKEditor的默认安装具有Moono skin。

到哪里寻找皮肤？

CKEditor Add-ons Repository是寻找和共享皮肤的在线服务。如果你是一个皮肤开发者，它也是一个展示你的技能，获得大量用户基础的最佳地方。

下载带有你喜欢皮肤的CKEditor

CKBuilder 是CKEditor Add-ons Repository的姊妹服务，可以生成具有所需皮肤的定制编辑器。

手动安装皮肤

如果你不喜欢使用CKBuilder，如果你有自己的或第三方皮肤，或如果你只想在经历CKBuilder过程前测试皮肤，你还可以将皮肤添加到你本地的安装中，通过下面的几个步骤：

1. 解压zip文件：皮肤通常是zip文件。所以要想开始，要确保将zip文件解压到一个
文件夹中。

2. 复制文件到CKEditor中：最简单的安装文件的方法是通过简单地将文件复制到
CKEditor安装目录的skins文件夹中。必须放到与皮肤"技术"名字相匹配的子文件夹中。例如，Kama skin 将被安装到这样的文件夹中：<CKEditor folder>/skins/kama。 

3. Enabling the plugin: Now you must just setup CKEditor, by using the skin configuration
option:

4. 使插件生效：现在你只需要配置CKEditor，通过使用skin配置选项： config.skin = 'kama';

就是这些。现在新皮肤就可以在CKEditor中生效了。

CKEditor4说明文档非常庞大，这里仅为大家分享了一些CKEditor4常用的配置与开发中文说明文档，如需要更详细的大家可以到CKEditor4官方网站上去查询