2017-08-06 282 views
0

我將summernote編輯器應用於textarea,我希望當我在編輯器中鍵入一些文本時,該文本應該反映在div中,所以我有一個textarea和一個summernote onKeyup事件不能按預期工作

<textarea class="description"></textarea> 

<br> 

<div id="result">Text should change here</div> 

我使用的是回調的onkeyup:在改變應該在每個keyup事件被寫入DIV#結果

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

下面是演示目的的jsfiddle:

https://jsfiddle.net/vLdhpx5t/1/

當我鍵入一些連續的文本,內容沒有在div改變或者至少是不完全的轉變讓我summernote編輯器的內容

回答

0

好像Summernote需要時間來匹配做它的工作(更新編輯器窗口)...

200ms超時解決了這個奇怪的問題。

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

Updated Fiddle

+0

不錯的黑客謝謝 – medBo