Question

我将summernote编辑器应用于textarea并且我希望当我在编辑器中输入一些文本时，该文本应该反映在div中，所以我有一个textarea和一个div＃结果，其中应该写入更改在每个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编辑器的内容

Answer 1

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

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

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

Updated Fiddle

summernote onKeyup事件没有按预期工作

1 个答案: