Как получить содержимое текстовой области Tinymce с помощью JavaScript

Ответ 1

позволяет сказать, что ваш экземпляр mce textarea:

<textarea id="editor1" ....></textarea>

то вы получите контент следующим образом:

var content =  tinyMCE.getContent('editor1');

если вы имеете в виду, что у вас несколько экземпляров редактора mce на одной странице, и вы хотите получить контент, попробуйте этот подход:

var inst, contents = new Object();
for (inst in tinyMCE.editors) {
    if (tinyMCE.editors[inst].getContent)
        contents[inst] = tinyMCE.editors[inst].getContent();
}

приведенный выше код добавляет каждое содержимое редактора в массив

Ответ 2

Я решил его с кодом:

// Get the HTML contents of the currently active editor
tinyMCE.activeEditor.getContent();

// Get the raw contents of the currently active editor
tinyMCE.activeEditor.getContent({format : 'raw'});

// Get content of a specific editor:
tinyMCE.get('content id').getContent()

activeEditor - это текущий редактор, но я использую tinyMCE.get('editor1'). getContent() не может получить значение моего редактора, надеюсь, что он поможет вам

моя домашняя страница 机器 鸟

API Tinymce: http://www.tinymce.com/wiki.php/API3:method.tinymce.Editor.getContent

Ответ 3

У меня была та же проблема. Я решил использовать этот код:

tinyMCE.get('editor1').getContent();

Источник: spocke является автором

Ответ 4

Вы можете использовать:

tinymce.get(editorid).getContent();

Ответ 5

В моем случае (v4.3.12) ни одно из вышеизложенных действий не было выполнено, поэтому я сделал обходной путь:

Код HTML:

<div id="wrapper">
    <textarea id="editable_container" name="editable_container"></textarea>
</div>

Код JQuery:

var iframe = $('#editable_container_ifr');
var editorContent = $('#tinymce[data-id="editable_container"]', iframe.contents()).html();
console.log(editorContent);

Где editable_container - это текстовое поле для текстового редактора редактора tinyMCE, изменяемый идентификатор iframe области создается из добавления посттекста _ifr к идентификатору-заполнителю, а контейнер content-editable (который содержит форматированный текст) имеет идентификатор tinymce с атрибутом data-id идентификатора-заполнителя.

Ответ 6

tinymce.get('editorId').setContent(response.data);

Ответ 7

Если вы более знакомы (и используете оболочку jquery), вы также можете сделать это, используя следующую команду:

$('#editor1').tinymce().getContent();

Где (editor1) - ваш селектор.