如何在同一表单中启用多个TinyMCE

如何在同一表单中启用多个TinyMCE,tinymce,Tinymce,我想在同一个表单中使用两个不同的文本区域和tinyMCE。第一个很好,但每当我添加第二个时,第二个就被禁用了(当我从右下角手动放大它时,它会启用)。它们的字段名和id不同 谁能告诉我如何解决这个问题 提前谢谢。由于您没有代码,我们无法找出您的问题所在。也许可以绕开一条路,在类上为两个文本区域初始化TinyMce: <script type="text/javascript" src="<your installation path>/tiny_mce/tiny_mce.js"&

我想在同一个表单中使用两个不同的文本区域和tinyMCE。第一个很好,但每当我添加第二个时,第二个就被禁用了(当我从右下角手动放大它时,它会启用)。它们的字段名和id不同

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


提前谢谢。

由于您没有代码,我们无法找出您的问题所在。也许可以绕开一条路,在类上为两个文本区域初始化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>

tinyMCE.init({
模式:“文本区域”,
主题:“简单”,
编辑器\u选择器:“mceSimple”
});
tinyMCE.init({
模式:“文本区域”,
主题:“高级”,
编辑和选择器:“mceAdvanced”
});
干杯,
Stefan

如果调整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>

$(窗口).load(函数(){
forceTinyMceIframeResize();
});
函数forceTinyMceIframeResize(){
$('.mceEditor.mceIframeContainer iframe')。每个(函数(i){
$(this).height($(this).height()+1);
}); 
}
对需要添加tinymce的所有文本区域使用公共类(例如tinymce编辑器)

然后在HTML标题部分添加以下代码来初始化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 
   });
}); 

请张贴您的完整tinymce配置感谢您的回答。我必须使用相同主题的编辑器(简单)。我知道,点击编辑器的右下角或调整大小可以提供解决方案,但网站用户可能不理解这一点。无论如何,谢谢你的回答。