[Ckeditor4] 讀、寫與插入內容到欄位 @新精讚

[無邊框]

1893

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

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

此文完整連結 http://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

Weibao Tumblr QQ FB G+ LinkedIn Line Twitter

你可能感興趣的文章

[Ckeditor4] 讀、寫與插入內容到欄位 Ckeditor4 提供非常多方法，可以插入、讀取和寫入到TEXTAREA中

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

[CKeditor4] 設定區塊樣式、段落格式、字型名稱及字型大小 CKeditor4中要自訂設定區塊樣式、段落格式、字型名稱及字型大小。

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值，不能使用 .text() 或 .html() ，使用 .

[Bootstrap] Datepicker使用/Bootstrap日期選日期選擇器的使用 Bootstrap日期選日期選擇器的使用

[CKeditor4] 修改調色盤修改ckeditor預設的調色盤

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

Javascript/Jquery 建立、讀取、刪除cookie值 Javascript/Jquery 建立、讀取、刪除cookie值

正則表達式：Email名稱防止連續輸入點(.)及下底線(_) Email的名稱中要允許特殊符號，但又不允許連續出現的正則表達式

[jQuery] checkbox 及 radio 設定值 jQuery 之 checkbox 及 radio 取值及設定值的方法

我有話要說

訪客留言

[無留言]

隨機好文

[jQuery] textarea 的取值和給值 HTML 的 TEXTAREA 標籤若要用 jquery 取值，不能使用 .text() 或 .html() ，使用 .

SELinux 常用指令和檔案在Redhat系列中，Centos5以後加入了selinux，他並沒有這麼可怕，不必每次看到Selinux ，就想把他

UTF-8的網頁但IE8一片空白 UTF8編碼的網頁在Firefox 正常顯示、但IE8 就是空白，IE8編碼設定是「自動偵測」可是自動偵測到的是 big5...

[大型機台] 熱血高校躲避球多少少年時光歲月耗在這個遊戲上，二十幾年前的那個時光，唯一想做的事就是把吃飯錢省下來拿去打一場五塊錢的電動，就算是沒錢也

此一時彼一時我是不是易怒的人，其實我也不知道，總之我常會失控，不知道自己在幹嘛。這近生活過得浮浮的，不是很踏實，總會想太多，我甚至會

參考資料

到最底端