tinyMCE textarea聚焦事件？

Question

我正在處理現有項目。 我必須檢測tinyMCE focusout/blur事件以通過AJAX自動保存它。 我發現以下現有工作代碼：

// reinit tinymce
$($("#chapterBill div:.module-container")[indexAfter]).find('textarea').each(function(i){
   editorId = $(this).attr('id');
   tinymce.EditorManager.execCommand('mceAddControl',true, editorId);
});

有人可以告訴我如何捕獲tinyMCE textarea focusout/blur事件嗎？

謝謝

Answer 1

您不想捕獲文本區域的焦點/模糊。 Tinymce隱藏了以前的文本區域，並創建了一個可編輯內容的iframe，您可以在其中輸入/編輯內容。 有時會將此內容寫入以前的隱藏文本區域（基於事件）。

為了在編輯器上捕獲聚焦/模糊，您需要在編輯器iframe上為此設置一個處理程序。

將此代碼放入您的tinymce init

setup : function(ed) {
    ed.onInit.add(function(ed, evt) {
        tinymce.dom.Event.add(ed.getDoc(), 'blur', function(e) {
            // Do something when the editor window is blured.
            alert('blur!!!');
        });
    });
},

Answer 2

我也正在研究一種解決方案，以便通過AJAX動態保存tinyMCE內容。 許多答案指示在init中設置此選項，但是由於該代碼已在多個系統上使用，因此我不方便使用此選項。 我需要一個特定於頁面的解決方案，該解決方案能夠像這樣實現：

$( window ).load(function(){
    tinymce.get('id').on('blur', function(e) {
        var content = tinymce.get('id');
        console.log(content);
    });
});

id是在textarea元素上設置的id屬性。