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

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

作者: 3e2235c61b99 | 来源:发表于2023-12-25 17:11 被阅读0次
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;
},

相关文章

网友评论

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

      本文链接:https://www.haomeiwen.com/subject/rpukndtx.html