クラス別にTinyMCEインスタンスを取得する

Question

私は複数のTinyMCEインスタンスを持つフォームを持っています。 リピーターコントロールを使用してTextAreaコントロールを動的に作成しました。それらはすべて同じIDを持っていますが、私はそれぞれ異なるクラスを与えました。 TinyMCE Init関数の editor_selector：オプションを使用して、各TextAreaコントロールにTinyMCEインスタンスを割り当てました。

tinyMCE.init({ mode : 'textareas',theme : 'simple',editor_selector : 'upperBlock',directionality : 'rtl'}); tinyMCE.init({ mode : 'textareas',theme : 'simple',editor_selector : 'middleBlock',directionality : 'rtl'}); 

私は、JS関数内の特定のTinyMCEインスタンスを参照し、その内容を取得したいと考えています。各TextAreaコントロールを使用して行うことで可能性が異なるIDがある場合には ：

tinyMCE.get('IdOfYourTextBoxWithTheTinyMCEContent').getContent() 

はする方法はありますeditor_selectorにそれに割り当てられたクラスによって、特定のTinyMCEのインスタンスのコンテンツへの参照を取得しますTinyMCE Init関数のオプション？

ありがとうございました

Answer 1

これはネイティブのTinyMCEメソッドでは実行できません。たとえば、自分のためにループする必要があります。

for (edId in tinymce.editors) { 
     if (tinymce.editors[edId].settings.editor_selector == 'upperBlock') { 
     // editor found - do something 
    } 
} 

Answer 2

あなたは間違っています。同じIDを持つ要素がHTMLには存在しません。それらに同じクラスとdiffirentなIDを与えてください。

Answer 3

エディタをクラス別に取得する場合は、まずこのプロパティをエディタに設定する必要があります。

tinymceOptions: { 
        mode: 'specific_textareas', 
        editor_selector: "yourClassName" 
       } 

そして、あなたのテキストエリアは次のようになります：

<textarea class="yourClassName"></textarea> 

、その後、あなたは

tinymce.editors.forEach(function(editor) { 
     if (editor.settings.editor_selector === 'yourClassName') { 
     // do what you want! 
    } 
});