我将summernote编辑器应用于textarea,我希望当我在编辑器中输入一些文本时,该文本应该反映在一个div中,所以我有一个textarea和一个div#result,其中应该在每个keyup上写入更改事件 :
<textarea class="description"></textarea>
<br>
<div id="result">Text should change here</div>
Run Code Online (Sandbox Code Playgroud)
我正在使用回调 onKeyup :
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
$("#result").html($('.description').val());
}
}
});
Run Code Online (Sandbox Code Playgroud)
这是用于演示目的的 jsfiddle:
https://jsfiddle.net/vLdhpx5t/1/
当我输入一些连续文本时,div 中的内容不会改变,或者至少它不会完全匹配我的 summernote 编辑器的内容
似乎Summernote需要时间来完成它的工作(更新编辑器窗口)...
200 毫秒的超时解决了这个奇怪的问题。
$('.description').summernote({
callbacks: {
onKeyup: function(e) {
setTimeout(function(){
$("#result").html($('.description').val());
},200);
}
}
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
3135 次 |
| 最近记录: |