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

Question

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

尝试 1:

如图here这段代码应该可以工作，但它没有:(

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

尝试 2:

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

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

$("#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 的文本区域。以下问题的答案说明了将事件绑定(bind)到 iframe 的适当方式，并且可以通过这种方式处理 RTF 在线编辑器的事件。

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