Tinymce 按钮下方的t下拉箭头和按钮工作不正常

Tinymce 按钮下方的t下拉箭头和按钮工作不正常,tinymce,wysiwyg,Tinymce,Wysiwyg,我已经下载了TinyMCE V4.0.1,非常想使用它。不幸的是,当我使用它时,发生了一些不应该发生的事情: 在具有下拉列表的按钮(如“颜色”按钮)处,下拉列表位于按钮下方 当选择一段文本,例如按下B按钮将其加粗时,光标会跳回到编辑器的开头,而不会发生任何事情 这是我在编辑器中使用的代码: tinymce.init({ selector: "#fulltext_editor", theme: "modern", plugins: [ "advlist

我已经下载了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处理其他内容)

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

.mce-menubtn span {
  display: inline-block
}
就粗体功能不起作用而言,我只能想象某处存在JS冲突。加载页面或单击按钮时,JS控制台中是否显示任何内容