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

Question

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

Answer 1

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

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

就粗体功能不起作用而言，我只能想象某个地方存在 JS 冲突。当您加载页面或单击按钮时，JS 控制台中是否显示任何内容？