使用jWYSIWYG联机编辑器处理事件

Question

当jWYSIWYG文本区域中的文本发生更改时，我尝试启用一个按钮。据我所知，当调用jWYSIWYG时，它会移除文本区域，并在其位置放置一个iframe，因此$("#my-textarea-id")选择器不会返回任何对象。以下是我所做的尝试，所有尝试都失败了：

尝试1：

如here所示，此代码应该可以工作，但它不能:(

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

尝试2：

在接下来的尝试中，我将初始化来自应用.wysiwyg(...)的不同脚本的jWYSIWYG文本。函数应用于页面中的所有.RTF元素(我的文本区域有这个类)。

jWYSIWYG放置的新框架的ID为[old_textarea_id]-wysiwyg-iframe，所以我尝试这样做：

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

但又失败了。

尝试3：

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

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

我不知道如何处理jWYSIWYG元素上的事件，所以我请求您的帮助。谢谢!

Answer 1

这解决了我的问题

Adding event handler to an iframe using JQuery

jWYSIWYG将文本区域替换为iframe。下面问题的答案告诉我们将事件绑定到iframe的正确方法，这样就可以处理RTF在线编辑器的事件。

我认为这个问题对人们很有用，所以我暂时不会删除它。