如何以相同的形式启用多个TinyMCE

时间:2012-03-20 07:55:41

标签: tinymce

我想以相同的形式使用带有tinyMCE的2个不同的textareas。第一个效果很好但是每当我添加第二个时,第二个禁用(当我从右下角手动放大时它启用)。他们的字段名称和ID不同。enter image description here

有谁能告诉我如何解决这个问题?

提前致谢。

3 个答案:

答案 0 :(得分:2)

由于没有您的代码,我们无法确定您的问题所在。也许是为了解决这个问题,为一个班级的两个Textareas创建TinyMce:

<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>

干杯, 斯蒂芬

答案 1 :(得分:1)

如果您调整了tinymce区域的大小,文本会神奇地出现。

Mikko Huilaja的javascript解决方案:

<script type="text/javascript">

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

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

答案 2 :(得分:0)

对于需要添加TinyMCE的所有文本区域使用公共类(例如tinymce-editor)。

然后在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 
   });
});