TinyMCE4相当于外部工具栏位置

Question

在TinyMCE 3中，你可以在mce设置中使用theme_advanced_toolbar_location = 'external'，创建一个class=mceExternalToolbar元素。

但是，TinyMCE 4似乎没有完全相同的等价物。我是否遗漏了什么，或者向下滚动时粘在顶部的外部工具栏在 TinyMCE 4 中不容易做到？

Answer 1

在TinyMCE 3中，"theme_advanced_toolbar_location"是"高级"主题的主题选项，这是官方主题之一（另一个很简单，你可以在文件夹tiny_mce\themes中看到这两个主题）

但是在TinyMCE 4中，没有"高级"主题，而是默认的"现代"主题，有了这个主题，有一个"内联"选项，相当于旧的"外部"。

tinymce.init({
            //this will make the toolbar "external"
            inline : true,
            //.....
        });

http://www.tinymce.com/wiki.php/Inline

http://www.tinymce.com/tryit/inline.php

Answer 2

有同样的问题。 是的，有一个简单的解决方案，但它似乎没有出现在我所做的任何搜索中。 最终在查看配置选项时偶然发现了它。

tinymce.init({
    inline: true,
    fixed_toolbar_container: "#mytoolbar"
});

www.tinymce.com/wiki.php/Configuration:fixed_toolbar_container

Answer 3

这两个答案都帮助我在底部获得了一个工具栏，但这个 css 将有助于使其始终可见。

/* make sure toolbar doesn't get hidden */
#toolbar > .mce-tinymce {
  display: block !important;
}

仅 CSS 解决方案

如果您可以使用flexbox并且只需要交换位置，则可以使用以下带有相应前缀的前缀来获取底部的工具栏：

.mce-tinymce > .mce-container-body {
  display: flex !important;
  flex-direction: column-reverse;
}