禁用TinyMCE链接模式:TinyMCE

时间:2017-11-26 22:11:21

标签: tinymce

我使用TinyMCE作为我的应用程序的文本编辑器。但是,'链接'工具栏打开了一个我不太喜欢的模态:见下文:

enter image description here

有没有办法禁用此链接模式?也许使用类似选项的下拉列表?

这是我的tinymce.init()的样子:

tinymce.init({
  selector: '#test',
  plugins: ['link', 'table', 'lists', 'advlist'],
  skin_url: '/assets/skins/lightgray',
  toolbar: [
    'bold italic underline strikethrough | bullist numlist | link'
  ],
  statusbar: false,
  menubar: false,
  link_context_toolbar: true,
  setup: editor => {
    this.editor = editor;
    editor.on('keyup change', (e) => {
      const content = editor.getContent();
    });
  }
}); 

1 个答案:

答案 0 :(得分:1)

实际上没有任何方法禁用链接模式本身 - 它被链接到链接插件菜单按钮。您需要编写自己的按钮,调用挂钩到链接插件的下拉列表。

您可以在此处详细了解如何添加自定义按钮:https://www.tinymce.com/docs/demo/custom-toolbar-button/