2017-08-06 4 views
0

Ich habe Summernote Editor auf ein Textfeld angewendet und ich möchte, dass, wenn ich etwas Text im Editor eingeben, sollte dieser Text in einem Div widergespiegelt werden, so habe ich eine Textarea und a div # Ergebnis, wo die Änderungen sollten auf jedem keyup Ereignis geschrieben werden:SummerNot onKeyup Ereignis funktioniert nicht wie erwartet

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

<br> 

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

ich den Rückruf bin mit onkeyup:

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

Hier ist die jsfiddle für die Demo-Zwecke:

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

Wenn ich etwas fortlaufenden Text eingeben, der Inhalt ändert sich nicht in den div oder zumindest genau nicht ändert den Inhalt meiner summernote Editor passen

Antwort

0

Es ist wie Summernote Zeit braucht, scheint Erledige seine Arbeit (Aktualisierung des Editoren-Fensters) ...

Ein 200ms Timeout löste das seltsame Problem.

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

Updated Fiddle

+0

gute Hack danke – medBo

Verwandte Themen