summernote onKeyup 事件未按预期工作答案

【问题标题】：summernote onKeyup event doesn't work as expectedsummernote onKeyup 事件未按预期工作
【发布时间】：2023-03-11 20:57:02
【问题描述】：

我将 Summernote 编辑器应用于 textarea，我希望当我在编辑器中键入一些文本时，该文本应该反映在 div 中，所以我有一个 textarea 和一个 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 编辑器的内容

【问题讨论】：

标签： jquery summernote

【解决方案1】：

Summernote 似乎需要时间来完成它的工作（更新编辑器窗口）...

200 毫秒的超时解决了这个奇怪的问题。

$('.description').summernote({
  callbacks: {
    onKeyup: function(e) {
      setTimeout(function(){
        $("#result").html($('.description').val());
      },200);
    }
  }
});

Updated Fiddle

【讨论】：