富文本编辑器Vue-Quill-Editor清除复制粘贴样式
2023-12-25 本文已影响0人
3e2235c61b99
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;
},