向ckeditor添加onchange事件的簡單方法？

是否有一種方便快捷的方式將onchange事件添加到CKeditor中。向ckeditor添加onchange事件的簡單方法？

我想在文字變化時做點什麼？由於

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title></title> 
    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script> 
    <script src="js/ckeditor/ckeditor.js" type="text/javascript"></script> 
    <script src="js/ckeditor/adapters/jquery.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
    //<![CDATA[ 
    $(function() { 
     var config = { 
      toolbar: 
        [ 
         ['Bold', 'Italic', '-', 'NumberedList', 'BulletedList'] 
        ], 
      width: 600, 
      height: 400, 
      resize: false 
     }; 

     $('.jquery_ckeditor').ckeditor(config); 


     CKEDITOR.instances[0].on('change', function() { 
      alert("test"); 
     }); 





    }); 

    //]]> 
    </script> 
</head> 
<body> 
    <textarea class="jquery_ckeditor" cols="80" id="editor1" name="editor1" rows="10">&lt;p&gt;This is some &lt;strong&gt;sample text&lt;/strong&gt;. You are using &lt;a href="http://ckeditor.com/"&gt;CKEditor&lt;/a&gt;.&lt;/p&gt;</textarea> 
</body> 
</html>

來源

2012-08-16 Hello-World

它已經擁有了整個API進軍，包括[事件]（http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.event.html） – j08691 2012-08-16 19:24:24

喜更換它是的，我知道，但我不明白 – 2012-08-16 19:27:43

可能重複[檢測onChange從CKEditor使用JQuery的事件]（http://stackoverflow.com/questions/5143516/detecting-onchange-events-from-a-ckeditor-using-jquery） – AlfonsoML 2012-08-16 22:06:01

編輯。對不起，我以前的答案不正確。

因爲我發現它不是CKEDITOR的標準onchange事件。而不是它，你可以在textarea的其他事件的幫助下模擬它。例如，您可以使用事件'keydown'。

通過改變代碼CKEDITOR到下一個試試吧：

CKEDITOR.instances[idOfTextarea].document.on('keydown', function() {alert('text')});

More info

來源

2012-08-16 19:33:23 sergzach

[0]意味着什麼 - 它可以使用「jquery_ckeditor」。感謝您的幫助 – 2012-08-16 19:35:56

@ Hello-World它意味着CKEDITOR的第一個（也是唯一的）實例。 – sergzach 2012-08-16 19:36:59

我收到一個錯誤，說空實例 – 2012-08-16 19:39:44

。在你的代碼中的錯誤：

CKEDITOR.instances[0]

實例是一個對象，你可以通過鍵獲得價值（編輯）。

與

CKEDITOR.instances[yourInstanceName]

來源

2014-07-02 09:12:10

向ckeditor添加onchange事件的簡單方法？

回答

相關問題