基本CKEditor/JQuery事件onChange

Basic CKEditor/JQuery event onChange

本文关键字:事件 onChange JQuery CKEditor 基本      更新时间:2023-09-26

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

你好,%名字%,
我们的记录显示您当前的邮寄地址是%当前邮寄地址%。。。。。。。

其想法是,一旦表单发布,就会对"收件人"列表中的每个主体解析令牌,然后发送个性化电子邮件。

我的方法大致如下:

在JQuery选择框onChange中,我将询问CKEditor实例当前插入符号的位置,然后在该位置插入标记。

文本区域定义为:

<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');
});

有人能告诉我我做错了什么吗?处理这个问题的正确方法是什么,任何建议都将不胜感激。

不知道为什么,但以下操作有效:

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