可視編輯器（TinyMCE）上的jQuery keyup（）

Question

Wordpress使用TinyMCE編輯器進行可視化編輯。

我想在此編輯器中進行輸入。 我有以下代碼：

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

這是可行的，但是如果在頁面加載時編輯器未處於活動狀態，並且收到消息“不推薦的TinyMCE API調用：.onKeyPress.add（..）”，則會出現錯誤。

在此編輯器中進行鍵入的最佳代碼是什么？

Answer 1

如果您使用的是tinymce的V4，則從V3開始，事件的綁定已更改。 綁定事件的新方法是

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

看到這個演示

Answer 2

要將事件偵聽器添加到元素，您需要首先正確選擇它。

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

在JQuery中，id屬性用＃調用，例如：

$('#visual_editor_selector')