TinyMCE - 如何在同一页面上有 2 个编辑器，两个编辑器只有一个预览按钮

Question

我有一个页面，就像一个博客，有两个文本区域（TinyMCE 编辑器），每个编辑器在编辑器内都有预览按钮，我想知道如何在两个文本区域的编辑器之外只有一个预览按钮，显示两个编辑器的内容。

在这里搜索，我尝试为每个编辑器、元素分开配置...但我不知道该怎么做。

有可能吗？

一个想法的图像：http://dl.dropbox.com/u/1143414/preview.JPG，是两个编辑器

Answer 1

您需要自己实现它。以下是您需要做的简短说明：

1.抓取编辑器#1的html内容

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

2.抓取编辑器#2的html内容

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);