Question

我正在尝试将TinyMCE整合到Jquery Tools Tabs中，但我似乎无法做到。当一切都设定好后，我不会得到任何错误，也不会收到警告。我只得到一个空白的textarea。

我尝试使用其他Tabs（Jquery UI），使用该解决方案，我能够看到TinyMCE，但我想使用Jquery Tools，因为它在css和filesize中很简单。

更新：这里有两个例子：一个使用Jquery Tools和另一个Jquery UI

Tinymce init：

    tinyMCE.init({
        // General options
        mode : "textareas",
        theme : "advanced",
        plugins : "pagebreak,style,layer,table,save,advhr,advimage,advlink,emotions,iespell,inlinepopups,insertdatetime,preview,media,searchreplace,print,contextmenu,paste,directionality,fullscreen,noneditable,visualchars,nonbreaking,xhtmlxtras,template",

        // Theme options
        theme_advanced_buttons1 : "save,newdocument,|,bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,styleselect,formatselect,fontselect,fontsizeselect",
        theme_advanced_buttons2 : "cut,copy,paste,pastetext,pasteword,|,search,replace,|,bullist,numlist,|,outdent,indent,blockquote,|,undo,redo,|,link,unlink,anchor,image,cleanup,help,code,|,insertdate,inserttime,preview,|,forecolor,backcolor",
        theme_advanced_buttons3 : "tablecontrols,|,hr,removeformat,visualaid,|,sub,sup,|,charmap,emotions,iespell,media,advhr,|,print,|,ltr,rtl,|,fullscreen",
        theme_advanced_buttons4 : "insertlayer,moveforward,movebackward,absolute,|,styleprops,|,cite,abbr,acronym,del,ins,attribs,|,visualchars,nonbreaking,template,pagebreak",
        theme_advanced_toolbar_location : "top",
        theme_advanced_toolbar_align : "left",
        theme_advanced_statusbar_location : "bottom",
        theme_advanced_resizing : true
    });

谢谢。

布鲁诺

Answer 1

我知道了！。

Jquery Tools默认隐藏选项卡面板中的所有div ，而TinyMCE使用DIV显示按钮，因此隐藏了那些DIV。

怎么办？

在Jquery Tools选项卡CSS中，告诉它只通过添加＆gt;来隐藏第一个DIV。例如：

而不是：

.panes div { display:none; }

把

.panes > div { display:none; }

这样，它只会隐藏第一个DIV。

无论如何谢谢Thariama

Answer 2

我认为您的问题可能与其中一个插件有关。我建议你删除所有插件（plugins: "",）然后看看会发生什么。如果它按预期工作，尝试通过插件添加插件，直到你得到一个阻碍tinymce初始化的插件。按钮配置在这里并不重要。如果合适的插件不存在 - 按钮根本不显示，但初始化不会因此而停止。

Jquery工具（标签）+ TinyMCE

2 个答案: