2012-12-03 52 views
1

我在jQuery对话框中使用TinyMCE。为了让编辑工作,我必须将模式从“textareas”设置为“none”。但是这样做会使工具栏消失。tinyMCE和jQuery对话框问题

这显示工具栏,但实际编辑窗口没有作品:

tinyMCE.init({ 
    theme: "advanced", 
    mode: "textareas", 
    theme_advanced_toolbar_location: "top" 
}); 

这将导致编辑窗口工作,但工具栏丢失:

tinyMCE.init({ 
    theme: "advanced", 
    mode: "none", 
    theme_advanced_toolbar_location: "top" 
}); 

是否有办法在模式下获取工具栏:“无”?

谢谢

回答

1

您应该使用第二种方法。编辑不在那里工作,但textarea是。 仍然需要做的是使用mceAddControl动作初始化编辑器。这里是代码和a working tinymce fiddle的链接:

<script type="text/javascript"> 
    tinyMCE.init({ 
    theme: "advanced", 
    mode: "none", 
    theme_advanced_toolbar_location: "top" 
}); 
tinymce.execCommand('mceAddControl',false,'textarea_id'); 
</script> 

<form method="post" action="dump.php"> 
    <textarea id="textarea_id" name="content"></textarea> 
</form> 
+0

何时何地添加'tinymce.execCommand?我添加了它,现在工具栏在那里,但编辑窗口是只读/非工作的。谢谢 – SkyeBoniwell

+1

你需要确保当你调用'tinymce.execCommand'时,你的textarea不会隐藏或不可见。当你调用它时它并不重要 - 它必须在tinymce初始化之后 - 就这些了。 – Thariama