How to set value in CKEditor using Javascript?

Question

I am wondering how can I set a value in CKEditor using Javascript?

I tried the following, but none of them work ...

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

However, both of these functions work without using an editor. Is there any way to do this with the editor?

Answer 1

Use the CKEditor setData() method:

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

Answer 2

The insertHtml() and insertText() methods will insert data into the editor window, adding to what is already there.

However, to replace all editor content, use setData() .

Answer 3

Use the insertHtml () or insertText () method.

Answer 4

I used the code below and it works fine by describing →

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

CKEDITOR > CKEDITOR → Your editor Name, mail_msg → Id of your text field (to which u binds ckeditor), obj["template"] → is the value that u wants to bind

Answer 5

try it

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

Answer 6

Sets the editor data. Data must be provided in raw format (HTML). CKEDITOR.instances.editor1.setData ("Put your data"); link to this page

Answer 7

Take care to infer newline characters from any line you pass into setData(). Otherwise, an exception is thrown.

Also note that even if you do this and then getData(), this data again using getData(), CKEditor puts the rows back.

Answer 8

 <textarea id="editor1" name="editor1">This is sample text</textarea> <div id="trackingDiv" ></div> <script type="text/javascript"> CKEDITOR.replace( 'editor1' ); </script> 

Try this..

Update:

To set the data:

Create an instance of First ::

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

Then

 editor.setData('your data'); 

or

 editor.insertHtml('your html data'); 

or

 editor.insertText('your text data'); 

And extracting data from your editor ::

 editor.getData(); 

If in CKEditor to change separate data pair HTML.

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

Here are the possible ways that I know in CKEditor