CKEditor4开发人员指引.PDFVIP

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