Question

我正在寻找一些关于如何扩展现有的tinymce（4.x）插件的例子，例如： “链接”插件。

链接插件打开一个对话框窗口......我想要做的是在打开对话框时添加一个事件并修改正文（用点击事件插入一些额外的HTML）。

做得很好似乎有问题......我想避免使用像$('#mce_13').click(...);这样的“顶级”代码，而是使用像

这样的代码

editor.on('DialogOpen', function(e) {
    // if link dialog then
    $(e.body).append('<div>My HTML</div>');
});

然而，没有像onDialogOpen这样的事件...是否有实现这一目标的最佳做法？

Answer 1

我设法为模态窗口做了这个（我需要回调打开/关闭）也许你可以在它上构建它以检测打开什么类型的窗口：

tinymce.init({
    //... code and setup here
    setup: function(editor) {
        editor.on('init',function(e) {
            setModalEvents(editor);
        });
    },
    //... and more here perhaps
});

然后是函数本身：

// override modal methods to insert events
function setModalEvents(editor) {
    editor.windowManager.oldOpen = editor.windowManager.open;  // save for later
    editor.windowManager.open = function(t,r) {    // replace with our own function
        alert("modal window opened, insert callback here");
        var modal = this.oldOpen.apply(this, [t,r]);  // call original
        modal.on('close', function() {  // set event for close
            alert("modal window closed, insert callback here");
        });
        return modal; // Template plugin is dependent on this return value
    };
}

你可以对tinymce核心中的其他东西进行类似的覆盖，所以这可能会有所帮助。

Tinymce 4.x扩展插件

1 个答案: