クリックしてjqueryモーダルウィンドウでTinyMCEエディタを表示するには

Question

私はブログを書くためにこのフォームを持っているブログアプリケーションを作っています。それはtitleフィールドと、ブログ本文のためのtinymce editorのインスタンスと、tagsを追加するためのテキストフィールドと、送信ボタンとを有する。

私がしたいことは、ページが読み込まれたときにデフォルトでフォーム全体をユーザーに表示することです。ユーザはタイトルを記入することができる。ユーザーがテキストエディタを起動すると、テキストエディタのみがモーダルウィンドウで開き、ユーザーがそれを入力できるボタンがクリックされます。

ユーザーが十字をクリックすると、テキストが下にあるテキストエディタにコピーされます。私はjavascriptでそれほど良くはないし、いくつかのブログを見てきたが、それは役に立たなかった。あらゆる方向性は本当に感謝されます。私はブログページの様子のスナップショットを追加しています。

$(function() { 
    tinyMCE.init({ 
      mode: "none", 
      theme: "simple", 
    }); 

    //whatever code 
}); 

あなたが好きなmodeを設定することができますが、私は」：

Answer 1

あなたはこのようなもの（必要なオプションを追加）を使用してTinyMCEのエディタを初期化することによってオフに開始する必要がありますダイナミックな作成（モード：なし）を使用すると、より多くの制御が可能になります。 /あなたがこれを行うだろう、あなたのエディタの内容を設定しますするには

tinyMCE.execCommand('mceAddControl', false, 'id_of_textarea'); 

：

tinyMCE.activeEditor.getContent(); 
tinyMCE.activeEditor.setContent('data in here'); 

あなたは」その後、以下のコードでモーダル内のエディタを作成し、「どんなコード」であなたのモーダルを初期化しますあなたのモーダルを閉じる前にあなたのtinyMCEエディタを閉じる必要があります。そうしないと、次にモーダルが開くことはありません。これを閉じるには、次のコードを実行する必要があります。

tinyMCE.execCommand('mceRemoveControl', false, 'id_of_textarea');