jQueryを使用したajaxリクエストによるTinyMCEの読み込み

Question

jQuery ajax関数を使用して、別のファイルからコンテンツを動的に読み込みます。この方法で私のページにTinyMCEエディタを追加したいと思います。 tiny_mce.jsファイルへのリンクとエディタの初期化スクリプトは、動的にロードされるファイルに含める必要があります。問題はそれが私のために働いていないということです。ここで

は私がやりたいした内容の簡単な例です：http://www.darrarski.pl/TinyMCE_ajax/editor.html

ブラウザで直接第二のファイルを開くと、TinyMCEのエディタはされています。ここhttp://www.darrarski.pl/TinyMCE_ajax/index.html

は、Ajaxを介してロードされるファイルがあります問題なく動作します。

Firebugコンソールを使用すると、tiny_mce.jsが正常に読み込まれていることがわかります。また、console.debug（）がいくつかの場所に追加されているので、ajaxがロードされたファイル（editor.html）のスクリプトが正しく実行されていてエラーがないことがわかります。 2番目のファイルのjQueryライブラリへのリンクは、テストの目的でのみ含まれています（ブラウザでこのファイルに直接アクセスすると機能します）。また、ajax経由でエディタを読み込む際には不要です。

この問題を解決してください。

更新：私は私が望むように動作する別のWYSIWYGエディタを見つけたが、それは十分に文書ではないですし、私は理由のTinyMCEが持っているオプションの不足のためにそれを使用しての怖いです。しかし、多分それは可能TinyMCEのアヤックス初期マーキングで誰かを助ける：とにかく

http://www.darrarski.pl/elRTE_ajax/index.html

を、これは私がTinyMCEはを使用して達成したい正確に動作です。

Answer 1

ここで問題となるのは、「content」という名前のdivにhtml要素を読み込まず、ページ全体を読み込むことです。これは動作しません。あなたがする必要があるのは、html要素だけを挿入することです。

私はあなたのコードで働いていたし、あなたのeditor.htmlには、以下が含まれている場合、それが動作します：

<textarea cols="50" rows="5" id="editor" name="editor">test content</textarea> 
<script type="text/javascript"> 
     tinyMCE.init({ 
      mode : "textareas", 
      theme : "advanced" 
     }); 
</script>