TinyMCE 一些按钮没有显示

Question

我正在尝试向我的 TinyMCE 编辑器添加一个 link/unlink 和图像按钮。现在我有以下代码：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  toolbar1: 'link unlink image',
  toolbar2: 'undo redo | styleselect | bold italic | link | alignleft aligncenter alignright'
});

但是它显示的第一个工具栏是空的。请看我的fiddle：JSFiddle

Answer 1

您使用了两个工具栏，但问题似乎与插件有关，请尝试使用以下工具栏：

tinymce.init({
  selector: 'textarea',  // change this value according to your HTML
  plugins: [
        "advlist autolink lists link image charmap print preview anchor",
        "searchreplace visualblocks code fullscreen",
        "insertdatetime media table contextmenu paste"
  ],
  toolbar: 'undo redo | styleselect | bold italic | link | alignleft aligncenter alignright | link image',

});

DEMO

Answer 2

您只需添加需要的插件：

tinymce.init({
      selector: 'textarea',  // change this value according to your HTML
      toolbar1: 'link unlink image',
      toolbar2: 'undo redo | styleselect | bold italic | link | alignleft aligncenter alignright',
      plugins: ["link image"],
    });

Answer 3

TinyMCE 5.3及以上版本需要导入默认图标

import 'tinymce/icons/default';

参考资料如下：

TinyMCE官方文档https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

TinyMCE 一些按钮没有显示

TinyMCE some buttons are not showing up

javascript

tinymce