quill富文本编辑器监听复制粘贴清除格式（防止粘贴滚动条回到顶部、网页抖动）

Quill编辑器粘贴功能优化

最新推荐文章于 2025-09-18 11:52:24 发布

原创

最新推荐文章于 2025-09-18 11:52:24 发布 · 9.6k 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

quill中文文档https://www.kancloud.cn/liuwave/quill/1409382

quill英文文档https://quilljs.com/

一、需求

1、保留图片跟空格

2、清除其余所以样式

真的是太开心的了在网上各种百度搜索终于找到了一个方法，

文档没有详细说明

下面看例子吧

quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
  delta.ops = delta.ops.map(op => {
    return {
      insert: op.insert
    }
  })
  return delta
})

试试会得到你想要的效果

二：如果你只是想保留纯文本

看一下试试如下效果

quill.clipboard.addMatcher(Node.ELEMENT_NODE, (node, delta) => {
  let ops = []
      delta.ops.forEach(op => {
        if (op.insert && typeof op.insert === 'string') {
          ops.push({
            insert: op.insert
          })
        }
      })
      delta.ops = ops
      return delta
})