javascript - 如何删除非默认 WordPress 编辑器 TinyMCE 编辑器中的按钮

Question

我可以看到很多关于在tinymce编辑器中删除按钮的示例，但我想为我从Javascript添加的自定义编辑器执行此操作。

function myplugin_tinymce_buttons( $buttons ) {
  //Remove the text color selector
  $remove = 'forecolor';

  //Find the array key and then unset
  if ( ( $key = array_search( $remove, $buttons ) ) !== false )
    unset( $buttons[$key] );

  return $buttons;
}

这里没有提及编辑者 ID。如何仅针对自定义编辑器执行此操作？我不想更改 Wordpress 帖子页面中显示的主编辑器中的任何内容。

Answer 1

最好、最干净的方法肯定是在初始化之前更改您的 TinyMCE 配置。

否则可以引用my answer在另一个问题上，我将编辑器设置为只读模式，然后仅启用几个按钮。

我没有测试这段代码，但你的函数应该是这样的:

function removeButton(editorId, pluginName, commandName) {
    var htmlEditorDiv = document.getElementById(editorId).previousSibling;
    var editor = tinymce.get(editorId);
    var buttonDiv = htmlEditorDiv.querySelectorAll('.mce-i-' + pluginName.toLowerCase())[0].parentElement.parentElement;
    buttonDiv.style.display = "none";
    buttonDiv.firstChild.onclick = function () {
        //Even if the button is invisible, it's better
        //removing the command associated to the button click just in case
    };
}

有关命令列表，请参阅this page