blocks|key|941256|text|使用CKEditor方法setData()|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|941257|CKEDITOR.instances[**fieldname**].setData(**your+data**)|code-block|syntax|javascript|941258|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.ckeditor.com/#!/api/CKEDITOR.editable-method-setData^0|C|9|C|9|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]]|D|@$9|V|A|W|1|X]]|E|$]]|$1|F|3|G|5|H|7|Y|8|@]|D|@]|E|$I|J]]|$1|K|3|-4|5|6|7|Z|8|@]|D|@]|E|$]]]|L|$M|$5|N|O|P|E|$Q|R]]]]

Use the CKEditor method <a href="http://docs.ckeditor.com/#!/api/CKEDITOR.editable-method-setData" rel="noreferrer"><code>setData()</code></a>:

<pre><code>CKEDITOR.instances[**fieldname**].setData(**your data**)
</code></pre>

blocks|key|1155474|text|insertHtml()和insertText()方法将把数据插入到编辑器窗口中，添加到已经存在的内容中。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1155475|但是，要替换整个编辑器内容，请使用setData()。|1155476|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData^0|0|C|D|C|0|H|9|H|9|0|0^^$0|@$1|2|3|4|5|6|7|P|8|@$9|Q|A|R|B|C]|$9|S|A|T|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|U|8|@$9|V|A|W|B|C]]|D|@$9|X|A|Y|1|Z]]|E|$]]|$1|H|3|-4|5|6|7|10|8|@]|D|@]|E|$]]]|I|$J|$5|K|L|M|E|$N|O]]]]

The <code>insertHtml()</code> and <code>insertText()</code> methods will insert data into the editor window, adding to whatever is there already.

However, to replace the entire editor content, use <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData" rel="noreferrer"><code>setData()</code></a>.

blocks|key|941071|text|使用insertHtml()或insertText()方法。|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|941072|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertHtml|1|http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertText^0|2|C|0|F|C|1|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@$A|O|B|P|1|Q]|$A|R|B|S|1|T]]|C|$]]|$1|D|3|-4|5|6|7|U|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]|L|$5|G|H|I|C|$J|M]]]]

Use <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertHtml" rel="noreferrer">insertHtml()</a> or <a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#insertText" rel="noreferrer">insertText()</a> method.

blocks|key|941363|text|尝尝这个|type|unstyled|depth|inlineStyleRanges|entityRanges|data|941364|CKEDITOR.instances['textareaId'].setData(value);|code-block|syntax|javascript|941365|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Try This

<pre><code>CKEDITOR.instances['textareaId'].setData(value);
</code></pre>

blocks|key|1155391|text|我使用了下面的代码，它工作得很好，正如所描述的那样->|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155392|CKEDITOR.instances.mail_msg.insertText(obj["template"]);|code-block|syntax|javascript|1155393|这里->+CKEDITOR+->Your编辑器名称，你的文本区域的mail_msg+->+Id+(你绑定了ckeditor)，obj["template"]->is你想要绑定的值|offset|length|style|CODE|1155394|entityMap^0|0|0|5|8|X|8|1R|F|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@$I|R|J|S|K|L]|$I|T|J|U|K|L]|$I|V|J|W|K|L]]|9|@]|A|$]]|$1|M|3|-4|5|6|7|X|8|@]|9|@]|A|$]]]|N|$]]

I have used the below code and it is working fine as describing->

<pre><code>CKEDITOR.instances.mail_msg.insertText(obj["template"]);
</code></pre>

Here->
<code>CKEDITOR</code> ->Your editor Name,
<code>mail_msg</code> -> Id of your textarea(to which u bind the ckeditor),
<code>obj["template"]</code>->is the value that u want to bind

blocks|key|1155593|text|设置编辑器数据。必须以原始格式(HTML)提供数据。CKEDITOR.instances.editor1.setData(‘放入你的数据.’)；refer+this+page|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1155594|entityMap|0|LINK|mutability|MUTABLE|url|http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData^0|20|F|0|0^^$0|@$1|2|3|4|5|6|7|L|8|@]|9|@$A|M|B|N|1|O]]|C|$]]|$1|D|3|-4|5|6|7|P|8|@]|9|@]|C|$]]]|E|$F|$5|G|H|I|C|$J|K]]]]

Sets the editor data. The data must be provided in the raw format (HTML).
CKEDITOR.instances.editor1.setData( 'Put your Data.' );
<a href="http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.editor.html#setData" rel="nofollow">refer this page</a>

blocks|key|941308|text|注意从传递给setData().的任何字符串中去掉换行符，否则会抛出异常。|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|941309|还要注意的是，即使您这样做了，然后使用getData(),+CKEditor再次获取该数据，也会重新插入换行符。|941310|entityMap^0|6|A|0|J|A|0^^$0|@$1|2|3|4|5|6|7|J|8|@$9|K|A|L|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|M|8|@$9|N|A|O|B|C]]|D|@]|E|$]]|$1|H|3|-4|5|6|7|P|8|@]|D|@]|E|$]]]|I|$]]

Take care to strip out newlines from any string you pass to <code>setData().</code> Otherwise an exception gets thrown.

Also note that even if you do that, then subsequently get that data again using <code>getData(),</code> CKEditor puts the line breaks back in.

blocks|key|1155637|text|我试过了，并为自己工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1155638|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);
++++});
},|code-block|syntax|javascript|1155639|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

I tried this and worked for me.

<pre class="lang-js prettyprint-override"><code>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);
 });
},
</code></pre>

I am wondering how I can set a value in <code>CKEditor</code> using Javascript?

I have tried the following, but neither of them work...

<pre><code>document.[form name].[textarea name].value=data;
$('#textareaID').val(data);
</code></pre>

However, both these work without the editor applied. Is there a way I can do this with the editor?

How do I set a value in CKEditor with Javascript?

我想知道如何使用Javascript在CKEditor中设置值？我试过以下两种方法，但都不管用。document.[form name].[textarea name].value=data;$('#textareaID').val(data);但是，这两种方法在没有应用编辑器的情况下都有效。有没有一种方法可以用编辑器来做这件事？

问如何使用Javascript在CKEditor中设置值？
EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Javascript在CKEditor中设置值？EN

回答 8

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何使用Javascript在CKEditor中设置值？
EN