基本的CKEditor / JQuery事件无法正常工作

时间:2012-03-29 18:05:37

标签: javascript javascript-events ckeditor jquery

我在使用JQuery的网页上使用CKEditor。允许用户在文本中插入令牌的挑战。令牌来自一个选择框。所以用户可以写:

您好,%first-name%, 我们的记录显示您当前的邮寄地址是%current-mailing-address%.......

这个想法是,一旦表单发布,代码将被解析为“收件人”列表中的每个正文,然后将发送个性化电子邮件。

我的方法大致如下:

在JQuery选择框onChange上,我会询问CKEditor实例当前插入位置是什么,然后在该位置插入令牌。

textarea定义为:

<textarea rows="10" cols="100" id="wysiwyg" name="emailText"></textarea>

CKEditor Jquery绑定:

var config = {
        skin:'v2',
        toolbar : 'Basic'
    };
$('#wysiwyg').ckeditor(config);

wysiwyg是TEXTAREA的ID。

我想测试一些基本的事件功能,并尝试了以下但似乎没有工作:

$('#wysiwyg').on( 'click', function() {alert('honum'); }); // Does not work

var editor = CKEDITOR.instances.wysiwyg;
$(editor).on('click', function(evt) {alert('honum'); }); // Does not work

var element = CKEDITOR.document.getById( 'wysiwyg' ); // No luck here either
element.on( 'click', function( ev ) {
    alert('hohum');
});

任何人都可以告诉我我做错了什么吗?什么是解决这个问题的正确方法,任何指针都将非常感激。

1 个答案:

答案 0 :(得分:0)

不知道为什么,但以下工作:

CKEDITOR.instances.wysiwyg.on('paste', function() {
    alert ('Hohum');
});