TinyMCE - 如何使工具栏默认展开答案

【问题标题】：TinyMCE - how to make toolbar expanded by defaultTinyMCE - 如何使工具栏默认展开
【发布时间】：2022-12-05 15:29:58
【问题描述】：

我有带有以下工具栏选项的 TinyMCE-6：

    menubar: false,
    plugins: ['searchreplace', 'link', 'anchor', 'image', 'table', 'charmap','fullscreen','code', 'preview',
    'lists','help','wordcount'],
    toolbar: 'cut copy paste pastetext | undo redo | searchreplace | selectall | link unlink anchor | ' +
    'image| table | hr| charmap  |fullscreen | code | preview print | ' +
    'bold italic underline strikethrough subscript superscript | removeformat |'+
    'numlist bullist | outdent indent | blockquote |alignleft aligncenter alignright alignjustify |'+
    'blocks fontfamily fontsize | forecolor backcolor|help |' +
    '',

在页面中呈现时，默认情况下不会显示所有工具栏。

我必须单击右侧的 3 个点才能展开整个工具栏。

是否可以在加载 tinyMCE 时默认展开所有工具栏？

【问题讨论】：

标签： tinymce tinymce-6

【解决方案1】：

您可以通过添加到 TinyMCE 配置的 API 调用来执行您想要的操作。

要使用的 TinyMCE 命令是 ToggleToolbarDrawer。您可以使用 TinyMCE init 中的设置函数来调用此 API：

tinymce.init({
  ...
  setup: function (editor) {
    editor.on('init', function (e) {
      editor.execCommand('ToggleToolbarDrawer')
    });
  }
  ...
});

这是一个工作示例：https://fiddle.tiny.cloud/skiaab

【讨论】：

【解决方案2】：

我们可以利用工具栏模式TinyMCE 中的配置

toolbar_mode :'wrap',

https://www.tiny.cloud/docs/tinymce/6/toolbar-configuration-options/#wrap

工作示例-https://fiddle.tiny.cloud/duiaab/1

【讨论】：