javascript - tinymce 4 无法在初始化后添加事件

Question

$(function () {
    tinymce.init({
        selector: "textarea#description",
        ....
        setup: function (ed) {

        }
    });
});

tinymce.activeEditor.on('keyup', function (e) {
    console.debug("keyup");
});  

上面的代码是行不通的。我无法在初始化 tinymce 后立即添加事件“keyup”。
错误:tinymce.activeEditor 为空。
为什么 ？
我知道这可以在初始化时解决:

setup: function (ed) {
    ed.on('keyup', function (e) {
        console.debug('keyup');
    });
}

但我确实需要将初始化代码与添加事件代码分开。

我如何实现这一目标？

Answer 1

这是一个时间问题。您的初始化代码包含在 $(function() { ... }); 中，这意味着它在页面加载完成后 执行。

您添加 keyup 事件的代码会立即执行 - 即在前面的代码运行之前。因此，没有可供您选择的“事件”编辑器。

解决方案:将两个(或两个都不)代码块包装在 $(function() { ... }); 中。