TinyMCEの問題

Question

私は以下のように私はINITをロードする最初のタブのビューでAJAX

によってロードされているjQueryのタブでTinyMCEをを実装しようとしている：

$("#tabs").tabs({ 
     load:function(event, ui){ 
      if(ui.index==5){ 
      if(typeof TinyMCE == "undefined") { 

      tinyMCE.init({ 
       // General options 
       mode : "specific_textareas", 
       editor_selector : "mceEditor", 
       theme : "simple", 
      }); 
     } 

タブ5にはテキストエリアが含まれています。

初めてタブを読み込むと、TinyMCEフィールドでテキストエリアが変更されます。 私はこの問題はそれだけで、このタブがロードされた初めての作品であり、

var note = tinyMCE.get('note').getContent() 

を使用して、このテキストエリアの内容を取得することができます。別のタブを押して、タブ5に戻ると、IDはすでにtiny_mce IDで変更されています。だから私はタブを押すと初めてコンテンツを得ることができます。

誰もがこの問題の解決方法を知っていますか？ ありがとう！

Answer 1

他のタブに切り替える前にtinymceインスタンスをシャットダウンする必要があります。そうしないと、そのIDを持つエディタ要素がブロックされます。

あなたは

// the_editor_id equals the id of the underliing textarea 
tinyMCE.execCommand('mceRemoveControl', false, the_editor_id);