summernote onKeyup 事件没有按预期工作
summernote onKeyup event doesn't work as expected
我将 summernote 编辑器应用于文本区域,我希望当我在编辑器中键入一些文本时,该文本应该反映在 div 中,所以我有一个文本区域和一个 div#result 应该在每个 keyup 事件上写入更改:
<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/
当我输入一些连续的文本时,div 中的内容没有改变,或者至少它没有改变以完全匹配我的 summernote 编辑器的内容
似乎 Summernote 需要时间来完成它的工作(更新编辑 window)...
200 毫秒超时解决了这个奇怪的问题。
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
setTimeout(function(){
$("#result").html($('.description').val());
},200);
}
}
});
我将 summernote 编辑器应用于文本区域,我希望当我在编辑器中键入一些文本时,该文本应该反映在 div 中,所以我有一个文本区域和一个 div#result 应该在每个 keyup 事件上写入更改:
<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/
当我输入一些连续的文本时,div 中的内容没有改变,或者至少它没有改变以完全匹配我的 summernote 编辑器的内容
似乎 Summernote 需要时间来完成它的工作(更新编辑 window)...
200 毫秒超时解决了这个奇怪的问题。
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
setTimeout(function(){
$("#result").html($('.description').val());
},200);
}
}
});