TinyMCE 某些按钮未显示

Question

I am trying to add a link/unlink and image button to my TinyMCE editor. Now I have the following code:

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

However its showing an empty first toolbar. Please see my fiddle: JSFiddle

Answer 1

You have used two toolbars though the issue seems to be with plugins, try instead using below:

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

You just need to add needed plugins:

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

Default icons are required to be imported in TinyMCE 5.3 or above.

import 'tinymce/icons/default';

Here are the references:

• TinyMCE Official Dochttps://www.tiny.cloud/docs/advanced/usage-with-module-loaders/