[精讚] [會員登入]
4674

[Ckeditor4] 讀、寫與插入內容到欄位

Ckeditor4 提供非常多方法,可以插入、讀取和寫入到TEXTAREA中

分享此文連結 //n.sfs.tw/10958

分享連結 [Ckeditor4] 讀、寫與插入內容到欄位@新精讚
(文章歡迎轉載,務必尊重版權註明連結來源)
2019-10-25 01:21:24 最後編修
2017-04-05 11:36:06 By 張○○
 

自動目錄

ckeditor4 提供非常多方法,可以插入、讀取和寫入到TEXTAREA中

<textarea id="desc"></textarea>

要操作 ckeditor 的內容,使用  instance 的方法。

讀取內容

var ct= CKEDITOR.instances.desc.getData();

寫入內容

CKEDITOR.instances.desc.setData( "Insert value" ) ;

這裡寫入的內容會注入到原始碼,所有帶有HTML的tags可以生效

取得焦點

CKEDITOR.instances.desc.focus();

插入內容

CKEDITOR.instances.desc.insertHtml( "insert value" ) ;

插入和寫入的差異是插入是附加在目前游標所在的位置後,寫入是整個置換掉內容

執行命令

var ct= CKEDITOR.instances.desc;
ct..execCommand('bold'); 
ct.execCommand('forecolor',false,'#00ff00'); 
ct.execCommand('JustifyCenter', false, null);
ct.execCommand('fontsize', false, 15);

參考資料

[1] CKEditor3 Event 官網 http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html

[2] CKEditor捉取、設定內容 http://www.dotblogs.com.tw/bowwowxx/archive/2010/04/01/14349.aspx 這裡有js的striptags 方法

[3] CKEditor API-Ticket http://dev.ckeditor.com/attachment/ticket/4254/api.html

[4] CKEditor 的插件開發 http://bbish.net/01toturial/44/ckeditor-


原文 2010-09-11 17:25:20

END

你可能感興趣的文章

[Javascript] 偵錯方式 (火狐中的javascript偵錯) javascript 並不是很容易偵錯(debug)的語言,但那是以前,現在有很多瀏覽器支持很多的工具,此文以火狐為例談談偵錯...

Jquery 圖片放大的工具:放大鏡 想讓網頁上的圖片局部放大,有沒有簡單好用的 jquery?

[Jquery] 複選的checkbox取值 遇到複選的checkbox該如何取值?

[Javascript/Jquery] 移除textarea中空行、空白行。 textarea中要移除沒內容的空行、只有空白的行、只有定位字元的行

[jQuery] select 元件的取值及給值 html中的元件select,在jquery中要如何使用?

[Javascript] 陣列、陣列的操作 Javascript 的陣列操作:宣告、取值、賦值、插入或移除項目,檢查KEY、檢查是否為陣列等等

我有話要說

>>

限制:留言最高字數1000字。 限制:未登入訪客,每則留言間隔需超過10分鐘,每日最多5則留言。

訪客留言

[無留言]

隨機好文

為什麼要重造輪子? 什麼輪子?造什麼輪子?我為什麼要重造輪子?

好用的3+2碼郵遞區號查詢系統推薦 網路上找到用地址輸入判斷3+2碼郵遞區號的辨識率不高,除了這個網站…

APACHE的記錄檔格式 LogFormat 語法 在APACHE中有定義一些記錄的語法模版 在 /etc/httpd/conf/httpd.conf 中: LogForm

維修海棉拖把頭 這類型的海棉拖把很好用,可是這近發現海棉頭越來越不耐用,也許是錯覺,以往都能用個三四個月,現在二個月就差不多掉下來。 這

在Centos7 下安裝 Wildfly10 wildfly以前叫JBoss,2014.11.20改名叫Wildfly,起始版本是Wildfly8,現在已經出到Wil