線上編輯器
線上編輯器也稱之為所見即所得編輯器,是一種常見的html源碼編輯器。
所見即所得:用戶在輸入的時候,不論是格式和是樣式都能被系統原封不動的保存,最後在查看的時候,可以按照用戶輸入的原來的結構進行輸出。
線上編輯器分類
市面上比較常見的線上編輯器有很多,FCKeditor(線上編輯器+Ajax瀏覽器端伺服器檔案管理器,免費的),Ckeditor(Content and Knowledge,線上編輯器與伺服器端檔案管理器分離,線上編輯器免費,伺服器端檔案管理器收費(CKfinder)),百度旗下Ueditor,Kindeditor
線上編輯器作用
線上編輯器就是所見即所得。
作用
Ckeditor&Ckfwebinder
Ckeditor&Ckfwebinder Ckeditor&Ckfwebinder取得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屬性,值為Ckeditorare
are一個
b) 標準方式:使用Ckeditor中提供的類別CKEDITOR,以及其替換方法replace
myck1可以是id的值,也可以是name屬性的值使用方法area替換
要先載入jQuery.js
載入CKEDITOR對jQuery提供的介面檔jquery.js。 /ckeditor/adapters/jquery.js
使用jQuery語法,取代textarea元素
配置(自訂)Ckeditor
語配置提供了三種設定的文件方式。 js效果
特點:專案中所有的Ckeditor都會受config.js的影響。 2 自訂設定文件,形式與系統設定檔config.js一致新建一個使用者設定檔,設定檔的格式與config.js格式完全一致
修改選項修改選項在需要使用客戶化的設定檔的Ckeditor實例中載入客戶化的設定檔。
注意:
使用基礎版的方式載入Ckeditor,沒有辦法進行客戶化設定檔使用只有標準版和jquery版可以使用
特性:只有載入了客戶化設定檔的Ckeditor實例會受影響,其他的不受影響。 (該方式使用的比較多)
以上就介紹了線上編輯器Ckeditor (1) - php (30),包括了方面的內容,希望對PHP教程有興趣的朋友有所幫助。