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

2023-01-07 17:49:56

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

尝试1：

如here所示,此代码应该可以工作,但是:(

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

尝试2：

在以下尝试中,我从不同的脚本中初始化jWYSIWYG文本区域,该脚本将.wysiwyg(…)函数应用于页面中的所有.RTF元素(我的textarea具有此类).

jWYSIWYG放置的新框架具有[old_textarea_id] -wysiwyg-iframe作为ID,因此我尝试了以下操作：

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

但又失败了.

尝试3：

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

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

我不知道如何处理jWYSIWYG元素上的事件,所以我寻求您的帮助.谢谢！

解决方法:

这解决了我的问题

jWYSIWYG替换了iframe的文本区域.以下问题的答案说明了将事件绑定到iframe的适当方法,并且这种方法可以处理RTF在线编辑器的事件.

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

码农公寓