2012-08-16 117 views
1

是否有一种方便快捷的方式将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> 
+0

它已经拥有了整个API进军,包括[事件](http://docs.cksource.com/ckeditor_api/symbols/CKEDITOR.event.html) – j08691 2012-08-16 19:24:24

+0

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

+0

可能重复[检测onChange从CKEditor使用JQuery的事件](http://stackoverflow.com/questions/5143516/detecting-onchange-events-from-a-ckeditor-using-jquery) – AlfonsoML 2012-08-16 22:06:01

回答

0

编辑。对不起,我以前的答案不正确。

因为我发现它不是CKEDITOR的标准onchange事件。而不是它,你可以在textarea的其他事件的帮助下模拟它。例如,您可以使用事件'keydown'。

通过改变代码CKEDITOR到下一个试试吧:

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

More info

+0

[0]意味着什么 - 它可以使用“jquery_ckeditor”。感谢您的帮助 – 2012-08-16 19:35:56

+0

@ Hello-World它意味着CKEDITOR的第一个(也是唯一的)实例。 – sergzach 2012-08-16 19:36:59

+0

我收到一个错误,说空实例 – 2012-08-16 19:39:44

0

。在你的代码中的错误:

CKEDITOR.instances[0] 

实例是一个对象,你可以通过键获得价值(编辑)。

CKEDITOR.instances[yourInstanceName]