如何使用 Javascript 在 CKEditor 中設置值？

Question

我想知道如何使用 Javascript 在CKEditor設置值？

我嘗試了以下方法，但它們都不起作用......

document.[form name].[textarea name].value=data;
$('#textareaID').val(data);

但是，這兩項工作都沒有應用編輯器。 有沒有辦法用編輯器做到這一點？

Answer 1

使用 CKEditor 方法setData() ：

CKEDITOR.instances[**fieldname**].setData(**your data**)

Answer 2

insertHtml()和insertText()方法將數據插入到編輯器窗口中，添加到已經存在的任何內容中。

但是，要替換整個編輯器內容，請使用setData() 。

Answer 3

使用insertHtml()或insertText()方法。

Answer 4

試試這個

CKEDITOR.instances['textareaId'].setData(value);

Answer 5

我使用了下面的代碼，它在描述中工作正常->

CKEDITOR.instances.mail_msg.insertText(obj["template"]);

這里-> CKEDITOR -> 您的編輯器名稱， mail_msg -> 您的文本區域的 ID（您將 ckeditor 綁定到該 ID）， obj["template"] -> 是您要綁定的值

Answer 6

<textarea id="editor1" name="editor1">This is sample text</textarea>

<div id="trackingDiv" ></div>

<script type="text/javascript">
    CKEDITOR.replace( 'editor1' );

</script>

讓我們試試這個..

更新：

設置數據：

首先創建實例::

var editor = CKEDITOR.instances['editor1'];

然后，

editor.setData('your data');

或

editor.insertHtml('your html data');

或

editor.insertText('your text data');  

並從您的編輯器中檢索數據::

editor.getData();

如果在 CKEditor 中更改特定的 para HTML 數據。

var html = $(editor.editable.$);
$('#id_of_para',html).html('your html data');

這些是我在 CKEditor 中知道的可能方式

Answer 7

就像現在 CKEditor 4+ 推出一樣，我們必須使用它。 ekeditor 4 setData 文檔

CKEDITOR.instances['editor1'].setData(value);

其中editor1是 textarea Id 。

insertHtml('html data')和insertText('text data')等舊方法也可以正常工作。

並獲得數據使用

var ckdata =  CKEDITOR.instances['editor1'].getData();
var data = CKEDITOR.instances.editor1.getData();

Ckedtor 4 文檔

Answer 8

設置編輯器數據。 必須以原始格式 (HTML) 提供數據。 CKEDITOR.instances.editor1.setData('把你的數據。'); 參考這個頁面

Answer 9

注意從傳遞給setData().任何字符串中setData().換行符setData(). 否則拋出異常。

另請注意，即使您這樣做，隨后使用getData(),再次獲取該數據getData(), CKEditor 會將換行符放回原處。

Answer 10

我試過這個並為我工作。

success: function (response) {
    document.getElementById('packageItems').value = response.package_items;

    ClassicEditor
    .create(document.querySelector('#packageItems'), {
        removePlugins: ['dragdrop']
    })
    .then(function (editor) {
        editor.setData(response.package_items);
    })
    .catch(function (err) {
        console.error(err);
    });
},