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

[無邊框]

5059

[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

你可能感興趣的文章

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

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

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

Jquery+CSS div區塊的拖拉(drag and drop)效果網頁想要做到拖拉區塊的功能，但又不想使用他人的插件或是 jquery-ui的話，怎麼做？

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

[CKeditor4] 修改特殊字元 CKeditor4 中設定自己想用的特殊字元

隨機好文

HP SAS硬碟leds燈號說明 HP SAS硬碟leds燈號(hp g7/g6系統適用)說明

為什麼要買長達二十年的保單？為什麼要買長達二十年的保單？找一個可以說服我買二十年保單的理由。

[HP DL380G7] 生效啟動第3，4片網卡/開啟或關閉內建的網卡 HP DL380G7 預設第3，4片網卡裝完系統後找不到，難道是壞了？要怎麼辦？

如何在linux下執行java 原生的java應用程式可以使用簡單的方法在console下面寫出來，適合作簡單的應用

Smarty安裝 smarty 是著名的樣版引擎，非常的好用，用多了突然發現拿掉smarty反而不會寫php了，以下是安裝過程..

參考資料

到最底端