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

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

作为文档，您可以在这里找到

您没有指定按钮将附加到何处

toolbar: 'mybutton'