向编辑器添加自定义转义按钮

Question

我的 tinymce 编辑器位于隐藏的 div (#mdedit) 中，我通过 jquery 显示/隐藏它：

$('#mdedit').show();
$('#mdedit').hide();

最后一个 (hide) 函数与键盘上的 esc 按钮绑定。

当编辑器可见并且对其内容进行了一些更改时，焦点将转移到编辑器（即 iframe），因此 esc 按钮不起作用。

因此尝试向编辑器添加自定义 (esc) 按钮

tinymce.init({
    selector: "#texedit",
    body_class: 'tiny01',
    content_css: "content.css",
    skin: "gradient",
    setup: function (editor) {
    editor.addButton('mybutton', {
      text: 'esc',
      icon: false,
      onclick: function () {
        $('#mdedit').hide();
      }
    });
    },
...

我的工具栏上没有 esc 按钮
假设按钮在那里，我不确定我的代码 $('#mdedit').hide(); 是否有效。

任何帮助。

Answer 1

作为文档，您可以找到 here

您没有指定按钮的附加位置

toolbar: 'mybutton'

向编辑器添加自定义转义按钮

add a custom escape button to the editor

javascript

tinymce