vue-quill-editor 清除黏贴的文本自带样式，且只允许黏贴文本

最新推荐文章于 2024-11-06 19:12:23 发布

原创最新推荐文章于 2024-11-06 19:12:23 发布 · 1k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

当前文章被以下社区和专栏收录：

本文介绍了如何在模块的粘贴板功能中添加一个节点匹配器，如ELEMENT_NODE，以及如何处理插入操作，如字符串文本，同时阻止非文本内容（如图片）的粘贴，确保内容符合特定规则。

在module的粘贴板里添加一个匹配器

  modules: {
            toolbar: false,
            clipboard: {
              // 粘贴过滤
              matchers: [[Node.ELEMENT_NODE, this.HandleCustomMatcher]]
              // ['img', this.HandleCustomMatcher2]
            },
          },

 let ops = []
          Delta.ops.forEach(op => {
            if (op.insert && typeof op.insert === 'string') {
              ops.push({
                insert: op.insert,
              })
            } else {
              // this.$message({
              //   message: '不允许粘贴图片',
              //   type: 'warning'
              // })
            }
          })
          Delta.ops = ops
          return Delta