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

Question

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

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

甚至可能吗？

想法的图片：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);