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

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

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

有可能吗

---

一个想法的图像：，是两个编辑器，您需要自己实现它。以下是您需要执行的操作的简短说明：

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

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

3.您需要一个自己的弹出式或模式对话框，我称之为

对话框

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

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

---

您需要自己实现它。以下是您需要执行的操作的简短说明：

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

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

3.您需要一个自己的弹出式或模式对话框，我称之为

对话框

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

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

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

dialog.addChild(div);