Как получить содержимое текстовой области Tinymce с помощью JavaScript - PullRequest
38 голосов
/ 29 декабря 2010

у меня есть массив контента, тогда как мы получаем содержимое Tinymce textarea в javascript

Ответы [ 6 ]

60 голосов
/ 18 января 2012

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

// 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

27 голосов
/ 29 декабря 2010

скажем, ваш экземпляр 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();
}

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

16 голосов
/ 16 апреля 2011

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

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

Источник: Спок это автор

14 голосов
/ 03 января 2011

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

tinymce.get(editorid).getContent();
4 голосов
/ 13 июня 2016

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

0 голосов
/ 28 июня 2016

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

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

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

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...