2012-12-03 50 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