我想以相同的形式使用带有tinyMCE的2个不同的textareas。第一个效果很好但是每当我添加第二个时,第二个禁用(当我从右下角手动放大时它启用)。他们的字段名称和ID不同。
有谁能告诉我如何解决这个问题?
提前致谢。
答案 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
});
});