TinyMCE - Как я могу иметь 2 редактора на одной странице только с одной кнопкой предварительного просмотра для обоих редакторов

Question

У меня есть страница, как в блоге, с двумя текстовыми областями (редакторы TinyMCE), каждый редактор с кнопкой предварительного просмотра внутри редактора, я хотел бы знать, как у меня может быть только одна кнопка предварительного просмотра вне редакторов для обоих текстовых областей, показывая содержимое двух редакторов.

Поиск здесь, я пытаюсь отделить конфигурации для каждого редактора, для элементов ... но я не знаю, что делать.

Возможно ли это вообще?

Изображение для идеи: http://dl.dropbox.com/u/1143414/preview.JPG, два редактора

Answer 1

Вам нужно будет реализовать это самостоятельно.Вот краткое описание того, что вам нужно будет сделать:

1. Получить HTML-содержимое редактора # 1

var content_1 = tinymce.get(editor_id_1).getContent();

2. Возьмите html-содержимое редактора # 2

var content2 = tinymce.get(editor_id_2).getContent();

3. Вам понадобится собственный всплывающий или модальный диалог, я его называю dialog

4. Поместите оба содержимого в один элемент HTML

var div = document.createElement('div');
div.id = "my_preview";
div.innerHTML = content_1 + "<hr>" + content_2;

5. Загрузите div в всплывающее или модальное диалоговое окно

dialog.addChild(div);