富文本编辑器Vue-Quill-Editor清除复制粘贴样式

1,282 阅读1分钟

1.在editorOptions=>modules下添加

clipboard: {
  // 粘贴板,处理粘贴时候的自带样式
  matchers: [[Node.ELEMENT_NODE, this.handleCustomMatcher]],
},

2.定义方法

  • 保留图片跟空格,清除其余所有样式
handleCustomMatcher(node, delta) {
  delta.ops = delta.ops.map(op => {
    return {
      insert: op.insert
    }
  })
  return delta
},
  • 只保留纯文本
handleCustomMatcher(node, delta) {
  const opsList = [];
  delta.ops.forEach(op => {
    if (op.insert && typeof op.insert === 'string') {
      opsList.push({
        insert: op.insert,
      });
    }
  });
  delta.ops = opsList;
  return delta;
},