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

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;
},
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容