jQuery   发布时间:2022-03-30  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了javascript – jQuery Cleditor在keyup上获取textarea值大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我使用的是Cleditor http://premiumsoftware.net/cleditor/docs/GettingStarted.html.我想要获取keyup上的值,并将文本插入另一个div. cleditor自带的change()事件,我正在下面的jsfiddle示例中使用,但这不一样的keyup.我想要div被更新,因为我正在键入.我尝试了keyup,但它不起作用.

这是我现在有的

$("#input").cleditor().change(function(){
    var v = $('#input').val();
    $('#x').html(v);
})

检查jsfiddle http://jsfiddle.net/qm4G6/11/

解决方法

看起来,保护者隐藏文本区域,并用iframe替换它(参见cleditor源的第203行).

所以要实现你想要的,你只需要访问生成的iframe内容

$("#input").cleditor();

$(".cleditorMain iframe").contents().find('body').bind('keyup',function(){
    var v = $(this).text(); // or .html() if desired
    $('#x').html(v);
});

Updated jsFiddle

更新以解决蒂姆的评论

这可以在Chrome和Firefox中使用(我无法访问IE):

$("#input").cleditor();

$( $(".cleditorMain iframe")[0].contentWindow.document ).bind('keyup',function(){
    var v = $(this).text(); // or .html() if desired
    $('#x').html(v);
});

Updated jsFiddle

更新2

用户ima007能够找到更好的跨浏览器解决方案:jQuery Cleditor wysiwyg text editor: keyup() works in webkit browsers but not Firefox or IE

大佬总结

以上是大佬教程为你收集整理的javascript – jQuery Cleditor在keyup上获取textarea值全部内容,希望文章能够帮你解决javascript – jQuery Cleditor在keyup上获取textarea值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。
标签: