可视化编辑器 (TinyMCE) 上的 jQuery keyup()答案

【问题标题】：jQuery keyup() on Visual editor (TinyMCE)可视化编辑器 (TinyMCE) 上的 jQuery keyup()
【发布时间】：2015-09-11 14:07:14
【问题描述】：

Wordpress 正在使用 TinyMCE 编辑器作为可视化编辑器。

我想在这个编辑器中挂钩输入。我有这个代码：

 tinyMCE.activeEditor.onKeyUp.add(function(ed, e) {
     console.debug(
         tinyMCE.activeEditor.getContent({format : 'raw'})
     )
 });

这是可行的，但如果在页面加载时编辑器未处于活动状态，并且我收到消息“已弃用 TinyMCE API 调用：.onKeyPress.add(..)”，我会收到错误消息

在此编辑器中挂钩输入的最佳代码是什么

【问题讨论】：

【解决方案1】：

如果您使用的是 tinymce 的 V4，则事件的绑定自 V3 以来已更改。绑定事件的新方法是

tinyMCE.activeEditor.on('keyup', function(ed, e) {
   console.debug(
     tinyMCE.activeEditor.getContent({format : 'raw'});
    );
});

看到这个DEMO

【讨论】：

【解决方案2】：

要向元素添加事件监听器，您需要先正确选择它。

例如： <textarea id="visual_editor_selector"></textarea>

在JQuery中，id属性用#号调用，如：

$('#visual_editor_selector')

【讨论】：