按钮和按钮下方的TinyMCE下拉箭头无法正常工作

时间:2013-07-08 13:15:11

标签: tinymce wysiwyg

我已经下载了TinyMCE V4.0.1并且真的想要使用它。不幸的是,当我使用它时,有些事情不会发生:

  • 在具有下拉按钮的按钮(如颜色按钮)下,下拉列表位于按钮
  • 下方
  • 选择一段文字时,例如按 B 按钮使其变为粗体,光标会跳回编辑器的开头,没有任何反应。

这是我用于编辑器的代码:

tinymce.init({
    selector: "#fulltext_editor",
    theme: "modern",
    plugins: [
        "advlist autolink lists link image charmap print preview hr anchor pagebreak",
        "searchreplace wordcount visualblocks visualchars code fullscreen",
        "insertdatetime media nonbreaking save table contextmenu directionality",
        "emoticons template paste textcolor"
    ],
    menubar: false,
    toolbar1: "save | insertfile undo redo | styleselect | bold italic underline subscript superscript | alignleft aligncenter alignright alignjustify",
    toolbar2: "bullist numlist | forecolor backcolor | link image media | table | searchreplace | code"
});

即使使用更简单的代码,上述要点也会发生。我没有找到任何解释为什么会发生这种情况以及如何解决这个问题。此外,我无法让jQuery版本工作(我在我的网站上使用jQuery用于其他东西)

1 个答案:

答案 0 :(得分:0)

对于下拉列表的问题,您可能已在CSS中的某处将HTML span元素设置为display: block。添加以下内容以修复它:

.mce-menubtn span {
  display: inline-block
}

就粗体功能不起作用而言,我只能想象某处存在JS冲突。加载页面或单击按钮时,JS Console中是否显示任何内容?