TinyMCE - 我如何在同一頁面上有兩個編輯器，只有一個預覽按鈕適用於兩個編輯器

Question

我有一個頁面，就像一個博客，有兩個textareas（TinyMCE編輯器），每個編輯器都帶有編輯器內的預覽按鈕，我想知道如何在textareas的編輯器外部只有一個預覽按鈕，顯示兩個編輯器的內容。

在這裏搜索，我嘗試分離每個編輯器的配置，元素...但我不知道該怎麼做。

這有可能嗎？

一種用於理念形象：http://dl.dropbox.com/u/1143414/preview.JPG，有兩個編輯

Answer 1

您需要實現它自己。下面是你需要做一個簡短的描述：

抓住編輯＃的html內容1

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

2.抓住編輯＃2的html內容

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

您將需要一個自己的彈出窗口或模態對話框，我把它叫做dialog

4.將一個HTML元素

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

5.裝入DIV中的內容都將彈出式窗口或模式對話框

dialog.addChild(div);