Как мне установить значение в CKEditor с Javascript?

Question

Мне интересно, как я могу установить значение в CKEditor, используя Javascript?

Я пробовал следующее, но ни один из них не работает ...

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.mail_msg.insertText(obj["template"]);

здесь-> CKEDITOR -> Ваше имя редактора, mail_msg -> Идентификатор вашей текстовой области (с которой вы связываете ckeditor), obj["template"] -> это значение, которое вы хотите связать

Answer 5

Попробуйте

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

Answer 6

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

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

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

</script>

Давайте попробуем это ..

Обновление:

Чтобы установить данные:

Создать экземпляр First ::

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

Затем

editor.setData('your data');

или

editor.insertHtml('your html data');

или

editor.insertText('your text data');  

и получение данных из вашего редактора ::

editor.getData();

Если изменить конкретный параграф HTML-данных в CKEditor.

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 - текстовое поле 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(). В противном случае выдается исключение.

Также обратите внимание, что даже если вы сделаете это, затем впоследствии получите эти данные снова, используя getData(), CKEditorвставляет разрывы строк обратно.