tinymce v4 jquery: làm thế nào để bắt onkeyup?

Question

Tôi đang cố gắng bật nút gửi khi một số trường biểu mẫu được điền. Tôi đã tìm thấy một đoạn mã javascript hoạt động, nhưng tôi đã gặp vấn đề với textarea fiel bị biến dạng bởi tinymce ... Làm thế nào để bắt được nó?

html của tôi:

<form id="form_id1"> 
<fieldset> 
<legend>Personal</legend> 
Name: <input type="text" size="30" /><br /> 
Email: <input type="text" size="30" /><br /> 
Date of birth: <input type="text" size="10" /><br /> 
Address : <textarea size="30"></textarea><br /> 

</fieldset> 
<input type="submit" value="Submit" /> 
</form> 

javascript của tôi:

$(document).ready(function() 
{ 

    $('#form_id1 input:submit').attr("disabled", true); 
    var textCounter = false; 
    $('#form_id1 input:text, #form_id1 textarea').keyup(check_submit); 

    function check_submit() { 
     $('#form_id1 input:text, #form_id1 textarea').each(function() 
      { 
      if ($(this).val().length == 0) { 
       textCounter = true; 
       return false; 
       } 
      else { 
       textCounter = false; 
      } 
     }); 

     $('#form_id1 input:submit').attr("disabled", textCounter); 
    } 
}); 

My TinyMCE init:

tinymce.init({ 
       selector: "textarea", 
       language: 'fr_FR', 
       image_advtab: true, 
       menubar:false, 
       forced_root_block: false, 
       plugins: ["link","code","media","image","textcolor", "emoticons"], 
       toolbar: "bold italic forecolor backcolor alignleft aligncenter alignright alignjustify link unlink image media emoticons", 
      }); 

Cảm ơn

Answer 1

Trong TinyMCE init add:

setup: function(ed) { 
    ed.on('keyup', function(e) { 
     console.log('Editor contents was modified. Contents: ' + ed.getContent()); 
     check_submit(); 
    }); 
} 

Hãy nhớ rằng bạn có thể cần phải tìm trường hợp trình chỉnh sửa của mình thay vì vùng văn bản để nhận giá trị thực. Nếu bạn thực hiện textarea có id="textarea-tiny-mce"

tinymce.get('textarea-tiny-mce').getContent(); 

Answer 2

window.onload = function() { 
     tinymce.get('content').on('keyup',function(e){ 
      console.log(this.getContent().replace(/(<[a-zA-Z\/][^<>]*>|\[([^\]]+)\])|(\s+)/ig,'')); 
     }); 
    } 

Answer 3

tinymce.init({  
     setup: function (editor) { 
      editor.on('keyup', function (e) { 
       console.log(e); 
       //custom logic 
      }); 
     } 
    });