我将 Summernote 编辑器应用于文本区域,我希望当我在编辑器中键入一些文本时,该文本应反映在 div 中,因此我有一个文本区域和一个 div#result,其中应在每次按键时写入更改事件 :
<textarea class="description"></textarea>
<br>
<div id="result">Text should change here</div>
我正在使用回调 onKeyup :
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
$("#result").html($('.description').val());
}
}
});
这是用于演示目的的 jsfiddle:
https://jsfiddle.net/vLdhpx5t/1/ https://jsfiddle.net/vLdhpx5t/1/
当我输入一些连续文本时,div 中的内容不会更改,或者至少不会更改以完全匹配我的 Summernote 编辑器的内容
这好像是夏日笔记 http://summernote.org/需要时间来完成工作(更新编辑器窗口)...
200 毫秒的超时解决了这个奇怪的问题。
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
setTimeout(function(){
$("#result").html($('.description').val());
},200);
}
}
});
更新了小提琴 https://jsfiddle.net/Bes7weB/jtd7Lnfy/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)