2011-06-24 7 views
1

ブログのように2つのテキストエリア(TinyMCEエディタ)を持つページがあります。両方のテキストエリアのエディタの外に1つのプレビューボタンしか表示されず、2つのエディタの内容がどのように表示されるかを知りたいと思います。TinyMCE - 両方のエディタのプレビューボタンが1つだけで、同じページに2つのエディタを持たせることができます

ここで検索すると、各エディターの設定を要素ごとに分離しようとしていますが、何をすべきか分かりません。

それは可能ですか?

アイデアのための画像:http://dl.dropbox.com/u/1143414/preview.JPGは、あなたがそれを自分で実装する必要があります2人の編集者

+0

1良い質問に1つのHTML要素

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

5.ロードdivの内側の両方の内容を入れて – Thariama

答えて

0

です。ここにあなたが行う必要があります何の簡単な説明は次のとおりです。

1.グラブエディタ#1

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

のHTMLコンテンツは、エディタ#2のHTMLコンテンツをつかみます

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

3.あなたは自分のポップアップまたはモーダルダイアログが必要になります、私はdialog

それを呼び出します

4.すると、あなたのポップアップまたはモーダルダイアログ

dialog.addChild(div); 
関連する問題