javascript - 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.您将需要一个自己的弹出或模式对话框，我称之为对话框

4. 将两个内容放入一个 html 元素中

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

5.将 div 加载到弹出窗口或模式对话框中

dialog.addChild(div);