tinymce - 如何触发 tinymce 4.x 焦点和模糊事件

Question

我意识到这个问题已被多次询问和回答，但我仍然无法使许多解决方案发挥作用。似乎大多数讨论都较旧，并且可能与 4.x 不兼容。

我的目标:能够在焦点或模糊时触发一些 javascript 函数。这是基本代码:

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',
});

我试过这样的例子:

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',

    setup : function(ed) {
        ed.onInit.add(function(ed, evt) {

        var dom = ed.dom;
        var doc = ed.getDoc();

            tinymce.dom.Event.add(doc, 'blur', function(e) {
                alert('blur!!!');
            });
        });
    }
});

返回:“未捕获的类型错误:无法调用未定义的方法‘添加’”

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',
});

tinymce.activeEditor.on('focus', function(e) {
    console.log(e.blurredEditor);
});

返回:“未捕获的类型错误:无法调用未定义的方法‘on’”
(但不确定我是否将它放在正确的位置)

$('.tiny-mce').tinymce({
    script_url : '/xm_js/tinymce4/tinymce.min.js',

    setup: function(editor) {
        editor.on('focus', function(e) {
            console.log('focus event', e);
        });
    }
});

返回:“未捕获的语法错误:意外的标识符”

这有效，但仅在启动编辑器时有效。我尝试过但尚未开始工作的其他事情:

tinymce.FocusManager
tinymce.activeEditor

我错过了什么？谢谢。

更新:找到了一个很好的解决方案: Why TinyMCE get focus and blur event, when user jump from other input field?

Answer 1

见 fiddle http://fiddle.tinymce.com/8Xeaab/1

tinymce.init({
    selector: "#editme",
    inline: true,
    setup: function(editor) {
        editor.on('focus', function(e) {
            console.log("focus");
        });

        editor.on('blur', function(e) {
            console.log("blur");
        });
    }
});