請問各位先進,我要實作一個線上發信的功能,信件內容套用CKEDITOR的欄位使用(如下圖),想要實作讓使用者可以載入預設的信件範本文字。
<script type="text/javascript" language="javascript">
var eitor = CKEDITOR.editor.replace(
'ContentText',
{ skin: 'kama', width: '750px' }
);
$('#import').on('click', function () {
$(".cke_show_borders > p").append("testTemplete");
});
</script>
<div class="editor-label">
信件內容:
</div>
<div class="editor-field">
@Html.TextArea("ContentText", new { id = "ContentText", @name = "ContentText", @class = "form-control" })
</div>
<input id="import" type="button" value="載入範本" class="btn btn-info" />
打開HTML關於CKEDITOR欄位的原始碼如下圖:
載入範本的部份想要用javascript動態載入,以上實作簡單文字載入測試,不過測試都不成功,上來請教各位先進有沒有相關的使用經驗,可以將文字載入到CKEDITOR欄位裡呢?謝謝
這是ckeditor的相關內容調整語法
讀取內容
var ct= CKEDITOR.instances.desc.getData();
寫入內容
CKEDITOR.instances.desc.setData( "Insert value" ) ;
這裡寫入的內容會注入到原始碼,所有帶有HTML的tags可以生效
取得焦點
CKEDITOR.instances.desc.focus();
插入內容
CKEDITOR.instances.desc.insertHtml( "insert value" ) ;
你可以用如上的語法處理。
可以用喔,謝謝~不知道it邦這問答系統填寫是不是也是用CKEDITOR製作的~哈哈~還是還有其它好用的套件我不知道的~
我是沒在用ckeditor了。
主要是它太肥大了。
不過它的確支援很多功能沒錯。
我是換另外一套 tinymce 。
簡單的編輯器。要什麼功能再用plus掛入就好。
it邦我記得是不一樣的。
it邦是用 SimpleMDE
唷