線上編輯器Ckeditor （1） - php （30）

線上編輯器

線上編輯器也稱之為所見即所得編輯器，是一種常見的html源碼編輯器。

所見即所得：用戶在輸入的時候，不論是格式和是樣式都能被系統原封不動的保存，最後在查看的時候，可以按照用戶輸入的原來的結構進行輸出。

線上編輯器分類

市面上比較常見的線上編輯器有很多，FCKeditor（線上編輯器+Ajax瀏覽器端伺服器檔案管理器，免費的），Ckeditor(Content and Knowledge，線上編輯器與伺服器端檔案管理器分離，線上編輯器免費，伺服器端檔案管理器收費（CKfinder）)，百度旗下Ueditor，Kindeditor

線上編輯器作用

線上編輯器就是所見即所得。

作用

1. 方便操作，提高用戶體驗
2. 簡化操作
3. 提高內容的兼容性

Ckeditor&Ckfwebinder

Ckeditor&Ckfwebinder

Ckeditor&Ckfwebinder

1. 基本上所有的在線上編輯器都差不多，無外乎就是插件的多少（功能），操作手冊
2. 為什麼要使用Ckeditor？

被廣泛應用

Ckeditor非常成熟（市場或產品）

Ckeditor兼容性比較好（所有的在線編輯器都是js編寫的）

1. Ckeditor到對應的項目位置就可以使用。

取得Ckeditor編輯器。 http://www.ckeditor.com

basic：基本，功能較少

standard：標準，常用功能都有

full：完整，擁有全部功能下載。

2 解壓縮到指定目錄

3 將Ckeditor資料夾放到需要使用的項目位置

Ckeditor目錄結構

使用Ckeditor

木

使用Ckeditor

木器的使用都是要基於textarea元素

1 載入Ckeditor的js檔。 /ckeditor/ckeditor.js

2 介面中必須要有一個textarea元素。

3 將textarea替換成對應的Ckeditor編輯器

a) 最簡方式：在textarea標籤中增加一個class屬性，值為Ckeditor

are

are

一個

b)         標準方式：使用Ckeditor中提供的類別CKEDITOR，以及其替換方法replace

myck1可以是id的值，也可以是name屬性的值使用方法area替換

要先載入jQuery.js

載入CKEDITOR對jQuery提供的介面檔jquery.js。 /ckeditor/adapters/jquery.js

使用jQuery語法，取代textarea元素

配置（自訂）Ckeditor

語配置提供了三種設定的文件方式。 js

1. 修改設定檔

效果

特點：專案中所有的Ckeditor都會受config.js的影響。

2 自訂設定文件，形式與系統設定檔config.js一致

新建一個使用者設定檔，設定檔的格式與config.js格式完全一致

修改選項

修改選項在需要使用客戶化的設定檔的Ckeditor實例中載入客戶化的設定檔。

注意：

         使用基礎版的方式載入Ckeditor，沒有辦法進行客戶化設定檔使用

         只有標準版和jquery版可以使用

特性：只有載入了客戶化設定檔的Ckeditor實例會受影響，其他的不受影響。 （該方式使用的比較多）

以上就介紹了線上編輯器Ckeditor （1） - php （30），包括了方面的內容，希望對PHP教程有興趣的朋友有所幫助。