QuillJs - springt nach oben

Question

Ich benutze QuillJs als Texteditor auf meiner Website. In einem langen Post springt die Bildschirmansicht nach oben, wenn Sie Text einfügen oder den Überschriftstyp oder die Ausrichtung oder Farbe ändern oder einen Link oder ein Video einfügen. Kann nicht herausfinden warum.

QuillJs Version: 1.2.6 Browser: Chrome 58.0.3029.110 OS: Windows 10

Initialisierung:

var toolbarOptions = [ 
    [{ 'header': [1, 2, 3, 4, 5, 6, false] }, 
     'bold', 'italic', 'underline', 'strike', { 'align': [] }, 
     { 'list': 'ordered' }, { 'list': 'bullet' }, 
     { 'color': [] }, { 'background': [] }], 

     ['image', 'blockquote', 'code-block', 'link', 'video'], 

     ['clean']           
    ]; 
var quill = new Quill('#editor', { 
    modules: { 
     toolbar: toolbarOptions 
    }, 
    theme: 'snow' 
}); 

Oder vielleicht können Sie einen besseren einfachen und kostenlosen HTML-Editor für eine Website beraten ? Ich mag CKE oder Tinymce nicht.

Danke.

Answer 1

Wenn Sie ein Editor wollen von einer Webseite Haupt Scrollbar gescrollt und gepflegt werden, müssen Sie scrollingContainer Eigenschaft ‚Körper‘ bei der Konfiguration von Quill Objekt einzustellen.

var quill = new Quill('#editor', { 
    modules: { toolbar: toolbarOptions }, 
    theme: 'snow', 
    scrollingContainer: 'body' 
}); 

Answer 2

Dies passiert, wenn auf eine Option in der Werkzeugleiste geklickt wird. Ich hatte ähnliches Problem und ich verwendete reactive-quill 0.4.1.

Verwenden Sie event.preventDefault und event.stopPropagation auf der Werkzeugleiste, um dies zu beheben.

Folgendes behoben das Problem für mich.