一、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元素上。 點擊你偏愛的選項獲得更多信息。
3、框架式編輯（Framed Editing）
框架式編輯是使用 CKEditor最常用的方式。它通常的表現形式是在頁面中指定位置放置工具欄和編輯區。
新聞熱點
疑難解答
圖片精選
