Quill编辑器如何禁止用户输入图片？

英歌 ☘︎ 提问于 2026-03-08 12:30:20 阅读 3

组件

我用 Quill 做了个简单的富文本编辑器，但不想让用户插入图片，试了改 toolbar 配置去掉 image 按钮，但用户还是能直接粘贴图片进来，这咋办？

我现在的配置是这样：

const quill = new Quill('#editor', {
  modules: {
    toolbar: [
      [{ 'header': [1, 2, false] }],
      ['bold', 'italic', 'underline'],
      ['link']
    ]
  },
  placeholder: '写点东西...',
  theme: 'snow'
});

虽然没显示图片按钮，但一粘贴截图或者从 Word 复制带图的内容，图片还是进来了，有没有办法彻底禁掉图片的插入？

我来解答赞 2 收藏

反馈

1 条解答

萌新.雪利 Lv1

要彻底禁用图片，得在Quill初始化时配置clipboard的matchers过滤掉图片。试试这样：

const quill = new Quill('#editor', {

  modules: {

    toolbar: [...], // 你原来的toolbar配置

    clipboard: {

      matchers: [

        ['img', () => null] // 直接返回null表示丢弃图片

      ]

    }

  },

  theme: 'snow'

});

顺便把image handler也干掉更保险：

quill.getModule('toolbar').addHandler('image', () => {});

搞定，现在连粘贴的图片也进不来了。

2026-03-08 13:01