2

在 TinyMCE 3 中，您可以theme_advanced_toolbar_location = 'external'在 mce 设置中使用，制作 class=mceExternalToolbar 元素。

但是，似乎没有与 TinyMCE 4 完全等效的东西。我是否遗漏了什么，或者向下滚动时粘在顶部的外部工具栏在 TinyMCE 4 中不容易实现？

4

3 回答 3

7

在 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

于 2014-03-03T07:12:40.413 回答
1

Had the same issue. Yes, there is a simple solution but it just didn't seem to come up in any search I did. Eventually found it by accident when looking through the configuration options.

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

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

于 2014-10-28T00:30:13.210 回答
1

这两个答案都帮助我在底部获得了一个工具栏，但是这个 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;
}
于 2016-02-02T22:18:16.150 回答