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

[無邊框]

4697

[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

你可能感興趣的文章

[Vue3.js] vue3 運行時出現 Network: unavailable 的解決方法 vue3 運行測試平台時如果需要遠端連線的話怎麼辦？

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

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

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

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

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

隨機好文

看懂DSUB DVI HDMI USB等各式影音接頭看懂DSUB DVI HDMI等各式影音接頭

外匯課程經驗有天遇到某個朋友的正妹朋友，說她有個很棒的外匯投資課程，要我們去聽，只收場地費200大洋。她又說續效最差一個月也有1%，誰還在苦哈哈上班？

[CodeIgniter 3] 資料庫的使用方法整理1/2 --Select的使用 [CodeIgniter 3] 資料庫的使用方法整理：Select的使用

[CodeIgniter 3] 資料庫的使用方法整理2/2 CI3 承襲 CI2，有很多的builder class可以用，依各人的使用習慣，有人喜歡一堆sql字串，有人喜歡用helper

最值得學的電腦技能什麼是最值得學的電腦技能？程式設計？美工繪圖？系統網路？還是…？都不是！個人覺得一個最值得學的電腦技能就

參考資料

到最底端