返回博客

解决 Quill 富文本编辑器粘贴后跳转到顶部的问题

Quill 富文本编辑器粘贴内容后页面跳转到顶部的常见问题及解决方法。通过设置 `scrollingContainer` 参数和 CSS 样式,有效防止粘贴后页面跳转。

Mt.r
|

问题

Quill 富文本编辑器粘贴后跳转到顶部

解决

核心主要是设置 scrollingContainer 参数为挂载的 Dom

  editor = new Quill(editorDom.value, {
    placeholder: '在此输入内容',
    scrollingContainer: scrollDom.value
  });
:deep(.ql-clipboard) {
  position: fixed;
}

参考文章