TinyMCE& Fancybox-编辑器无法在第二个视图上使用 [英] TinyMCE & Fancybox - editor won't work on second view
问题描述
我已将TinyMCE添加到我的项目中，并在弹出式菜单中弹出的文本区域中使用它.第一次操作它时，它可以正常工作，但是如果我再关闭它并尝试再次打开它，则不允许我在框中键入内容.看起来还好，只是文本区域显示为灰色，并且不接受输入.如果我单击任意按钮(粗体，斜体，对齐，字体选择等)，控制台将显示错误"j为空".
I've added TinyMCE to my project, and am using it on a text area which pops up in a fancybox. The first time I action it, it works fine, but if I then close it and try to open it again, it doesn't let me type in the box. It looks okay, just that the text area is kind of greyed out, and won't accept input. If I click any of the buttons (bold, italic, justify, font selection etc.), the console gives the error "j is null".
我在网络上发现了一些类似的问题，但是找不到任何具有类似设置的人，所以我很困惑.我认为问题可能在于，每次显示fancybox时，我都试图添加一个新的TinyMCE实例，然后我需要销毁它，然后再重新初始化它，也许吗?但是我不确定如何销毁它，即使那是我需要做的.
I've found some similar problems on the web, but couldn't find anyone with a similar set up to mine, so I'm confused. I think the problem may be that I'm trying to add a new TinyMCE instance every time the fancybox is shown, and then I need to destroy it afterwards, before re-initialising it, maybe? But I'm not sure how to destroy it, or even if that's what I need to do.
这是我的代码:
<head>...</head>
<body>
<script type="text/javascript">
function tinyMCE_setup() {
tinyMCE.init({
mode : "textareas",
theme : "advanced",
plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",
theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,fontselect,fontsizeselect,forecolor",
theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,undo,redo,|,link,unlink,code",
theme_advanced_buttons3 : "",
theme_advanced_buttons4 : "",
theme_advanced_toolbar_location : "top",
theme_advanced_toolbar_align : "center",
//theme_advanced_statusbar_location : "bottom",
theme_advanced_resizing : true
});
}
function tinyMCE_remove() {
//tinyMCE.destroy();
}
</script>
... some html ...
<!-- Text -->
<div style="display:none">
<div id="addtext" class="addcontent">
<p class="headline bg_text">add text or caption</p>
<form id="addText" name="addText" action="add_text.php" method="post" onSubmit="return checkAddText()">
<label>enter your caption or text here</label>
<textarea id="text" name="text" rows="10" style="clear: both; margin-bottom: 14px; margin-top: 5px; width: 466px"></textarea>
<input type="image" name="submit" id="imageField2" src="images/site/button_text_submit.gif" onMouseOver="this.src='images/site/button_text_submit_over.gif'" onMouseOut="this.src='images/site/button_text_submit.gif'"/>
</form>
</div>
</div>
... more html ...
</body>
</html>
<script>
$(document).ready(function() {
$("a#link_addtext").attr("href", "#addtext");
$('a#link_addtext').fancybox({
'hideOnContentClick': false,
'padding' : 0,
'overlayOpacity' : 0.1,
'onComplete': function(){
tinyMCE_setup();
}
});
... other javascript ..
}
</script>
推荐答案
您需要在关闭fancybox之前正确关闭tinymce，以便能够再次打开tinymce编辑器.用它来正确关闭
You need to shut down tinymce correctly before closing the fancybox in order to be able to open the tinymce editor a second time. Use this to shut it down correctly
tinymce.EditorManager.execCommand('mceRemoveControl',true, editor_id);
这篇关于TinyMCE& Fancybox-编辑器无法在第二个视图上使用的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
