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',

});

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

以下是参考文献：

您很棒http://www.clapself.com
TinyMCE官方文档https://www.tiny.cloud/docs/advanced/usage-with-module-loaders/

TinyMCE的一些按钮没有显示出来

3 个答案: