Question

我正在使用TinyMCE4.3.10（作为Wordpress 4.5.4的一部分）。我使用代码创建了一个自定义的tinymce编辑器：

tinyMCE.execCommand("mceAddEditor", false, captionId);

tinyMCE.execCommand('mceAddControl', false, captionId);

＆＃34; captionId＆＃34;指向textarea。编辑器工作正常，但我想删除几个按钮。我怎么做？我没有使用tinyMCE.init（） - 主要是因为我不知道我是否应该使用它并且编辑仍在工作。

我可以禁用：

tinyMCE.get(captionId).controlManager.setDisabled('bold', true);

但我想将其删除。

此外，tinyMCE.get(captionId).controlManager.get('bold')返回undefined。

感谢任何帮助。

Answer 1

使用tinymce.init({})调用具有特定设置的编辑器。如果相关<textarea>的ID包含在变量captionId中，我会这样做：

tinymce.init({
  selector: "#" + captionId,  //needs to be a string of the CSS selector for the ID
  .
  . 
  .
});

这将仅针对<textarea>进行初始化。如果要限制工具栏上显示的选项，可以使用toolbar配置选项：

tinymce.init({
  selector: "#" + captionId,
  toolbar: [
    "table | insertfile undo redo | styleselect | bold italic",
    "removeformat | fontsizeselect | forecolor backcolor"a11ycheck
  ],
  . 
  .
});

https://www.tinymce.com/docs/configure/editor-appearance/#toolbar

如何从Javascript中删除tinymce编辑器按钮？

1 个答案: