QuillJs - ジャンプ先

Question

私は自分のウェブサイトでテキストエディタとしてQuillJsを使用しています。長い投稿では、テキストを貼り付けるときや見出しの種類や配置や色を変更するときやリンクやビデオを挿入するときに、画面ビューが上にジャンプします。理由を見つけることができません。

QuillJsバージョン：1.2.6 ブラウザ：クローム58.0.3029.110 OS：Windowsの10

初期化：

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' 
}); 

それともあなたがウェブサイトのためのより良いシンプルで無料のHTMLエディタを助言することができます？ 私はCKEやTinymceが好きではありません。

ありがとうございました。

Answer 1

エディタは、Webページのメインのスクロールバーでスクロールし、維持することにしたい場合は、クイルオブジェクトの設定時にの体 "にscrollingContainerプロパティを設定する必要があります。

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

Answer 2

これは、任意のオプションがクイルツールバーからクリックされたときに発生します。私は同様の問題を抱えていましたが、私は反応羽毛0.4.1を使用していました。

これを修正するには、クイルツールバーでevent.preventDefaultとevent.stopPropagationを使用してみてください。

以下は私の問題を修正しました。

componentDidMount() 
{ 
$('.quill-toolbar').on("mousedown", function(event){ 
      event.preventDefault(); 
      event.stopPropagation(); 
     }); 
}