同じフォームで複数のTinyMCEを有効にする方法

Question

tinyMCEと同じ形式の2つの異なるテキストエリアを使用したいと思います。最初のものはうまくいきますが、2番目のものを追加するときはいつも、2番目のものは無効になっています（右下から手動で拡大すると有効になります）。フィールド名とIDは異なります。

この問題を解決する方法を教えてもらえますか？

ありがとうございます。

Answer 1

あなたのコードはありませんので、問題がどこにあるか把握できません。

<script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"></script> 
<script type="text/javascript"> 
tinyMCE.init({ 
     mode : "textareas", 
     theme : "simple", 
     editor_selector : "mceSimple" 
}); 

tinyMCE.init({ 
     mode : "textareas", 
     theme : "advanced", 
     editor_selector : "mceAdvanced" 
}); 
</script> 

<form method="post" action="somepage"> 
     <textarea name="content1" class="mceSimple" style="width:100%"> 
     </textarea> 
     <textarea name="content2" class="mceAdvanced" style="width:100%"> 
     </textarea> 
</form> 

乾杯、 ステファン

Answer 2

あなたはTinyMCEをの領域のサイズを変更する場合は、テキストが魔法のように表示されます：たぶんクラス以上の両方のテキストエリアは、init TinyMCEは、周りの道を行きます。

ミッコHuilajaのJavaScriptソリューション：

<script type="text/javascript"> 

$(window).load(function() { 
    forceTinyMceIframeResize(); 
}); 

function forceTinyMceIframeResize() { 
    $('.mceEditor .mceIframeContainer iframe').each(function(i) { 
    $(this).height($(this).height()+1); 
    }); 
} 
</script> 

Answer 3

あなたはTinyMCEをを追加する必要のあるすべてのテキスト領域に共通のクラス（例えばTinyMCEのエディタ）を使用します。

次に、HTMLのheadセクションに次のコードを追加して、TinyMCEを初期化します。

$(function(){ 
    tinyMCE.init({ 
    selector: '.tinymce-editor', 
    statusbar: false, 
    min_height: 120, 
    menubar: false, 
    toolbar: 'styleselect | bold italic underline | undo redo | image | link', 
    plugins: 'image, link', 
    forced_root_block: false, 
    default_link_target: "_blank", 
    link_assume_external_targets: true 
    }); 
});