使用jWYSIWYG在线编辑器处理事件

时间:2012-02-27 15:03:08

标签: javascript jquery events jwysiwyg

我在尝试更改jWYSIWYG textarea中的文本时启用按钮。据我所知,jWYSIWYG在调用时会删除textarea并将iframe放在其位置,因此$("#my-textarea-id")选择器不会返回任何对象。这些是我所做的尝试,所有这些都失败了:

ATTEMPT 1:

如图所示here此代码应该有效,但它没有:(

$("#my-textarea-id").wysiwyg({
    event:{
        keyup: function(e){
            $("#my-button").attr("disabled",false);
        }
    }
});

ATTEMPT 2:

在以下尝试中,我将jWYSIWYG textareas从一个不同的脚本中运用,该脚本将.wysiwyg(...)函数应用于页面中的所有.RTF元素(我的textarea具有此类)。< / p>

jWYSIWYG放置的新框架有[old_textarea_id]-wysiwyg-iframe作为ID,所以我尝试了这个:

$("#my-textarea-id-wysiwyg-iframe").keyup(function(){
    $("#my-button").attr('disabled',false);
});

但又失败了。

ATTEMPT 3:

包含textarea文本的iframe部分具有.wysiwyg类。我的最后一次尝试是这样的:

$(".wysiwyg").keyup(function(){
    $("#my-button").attr('disabled',false);
});

我不知道如何通过jWYSIWYG元素处理事件,所以我请求你的帮助。谢谢!

1 个答案:

答案 0 :(得分:3)

这解决了我的问题

Adding event handler to an iframe using JQuery

jWYSIWYG替换iframe的textarea。以下问题的答案告诉了将事件绑定到iframe的适当方式,这样就可以处理RTF在线编辑器的事件。

我认为这个问题对人们有用,所以我现在暂不删除。