检测 WordPress 编辑帖子页面的富文本编辑器 (tinyMCE) 中的更改事件

Question

如何检测“编辑帖子”页面中的富文本编辑器发生更改？

我想要的是当用户在富文本编辑器（HTML 和可视化窗格）中键入内容时执行一个函数。

编辑：我在 HTML 窗格中完成了与tinyMCE 创建的隐藏文本区域中的 jQuery keyup 事件关联，但我仍然无法检测到 Visual 选项卡中的用户输入。

我正在使用 Wordpress 3.2.1，并且我知道他们正在使用tinyMCE 来实现富文本编辑器功能。

似乎 tinyMCE 使用 iframe 在富文本编辑器中构建 Visual 选项卡，所以我尝试了指出的示例 此处没有任何结果。

任何帮助表示赞赏。

Answer 1

最后，我能够通过添加以下代码片段来解决这个问题：

<script type="text/javascript">
    jQuery(function ($) {
        // Was needed a timeout since RTE is not initialized when this code run.
        setTimeout(function () {
            for (var i = 0; i < tinymce.editors.length; i++) {
                tinymce.editors[i].onChange.add(function (ed, e) {
                    // Update HTML view textarea (that is the one used to send the data to server).
                    ed.save();
                });
            }
        }, 1000);
    });
</script>

感谢@HarkályGergő 的提示来解决这个问题:)

Answer 2

不知道如何将其添加到 WordPress，但从 TinyMCE 的角度来看 编辑器上的 isDirty() 方法应该有所帮助。

因此，您可以简单地使用

if (tinyMCE.activeEditor.isDirty()) {
  //Do something
}

来检查当前活动的编辑器。 WordPress 可能会为您提供访问编辑器实例的替代方法。