javascript - QuillJs - 跳到顶部

Question

我在我的网站上使用 QuillJs 作为文本编辑器。在长篇文章中，当粘贴文本或更改标题类型或对齐方式或颜色或插入链接或视频时，屏幕 View 会跳到顶部。找不到原因。

QuillJs 版本:1.2.6浏览器:Chrome 58.0.3029.110操作系统: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'
});

Answer 1

当从 quill 工具栏中单击任何选项时，就会发生这种情况。我有类似的问题，我使用的是 react-quill 0.4.1。

尝试使用 quill 工具栏上的 event.preventDefault 和 event.stopPropagation 来解决这个问题。

以下解决了我的问题。

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