TinyMCE 某些按钮未显示

Question

我正在尝试向我的 TinyMCE 编辑器添加链接/取消链接和图像按钮。 现在我有以下代码：

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'
});

然而，它显示了一个空的第一个工具栏。 请看我的小提琴： 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',

});

演示

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/