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 ONLY SOLUTION

如果你可以使用flexbox并且只需要交换位置，你可以使用以下各自的前缀来获得底部的工具栏：

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