avtomon/quill-image-compress.js

该包的最新版本（dev-master）没有可用的许可信息。

Quill编辑器基于Base64的图片压缩插件

维护者

详细信息

github.com/avtomon/quill-image-compress.js

源代码

安装: 10

依赖者: 0

建议者: 0

安全: 0

星标: 0

关注者: 1

分叉: 30

语言:JavaScript

dev-master 2020-04-27 17:56 UTC

Unknown License 13b4cda8d26eb9180e64d2f69076f112473aacda

This package is auto-updated.

Last update: 2024-09-28 04:20:38 UTC

README

NPM Version License Downloads/week Github Issues Build and Publish

Quill.js模块，可压缩上传到编辑器的图片

安装

yarn add quill-image-compress

快速入门

import ImageCompress from 'quill-image-compress';

Quill.register('modules/imageCompress', ImageCompress);

const quill = new Quill(editor, {
  // ...
  modules: {
    // ...
    imageCompress: {
      quality: 0.7, // default
      maxWidth: 1000, // default
      maxHeight: 1000, // default
      imageType: 'image/jpeg', // default
      debug: true, // default
    }
  }
});

快速入门 (使用script标签)

    <script src="/dist/quill.imageCompressor.min.js"></script>
    <script>
      Quill.register("modules/imageCompressor", imageCompressor);
      
      var quill = new Quill("#editor", {
        modules: {
          imageCompressor: {
            quality: 0.9,
            maxWidth: 1000, // default
            maxHeight: 1000, // default
            imageType: 'image/jpeg'
          }
        }
      });
    </script>

选项

  • maxWidth
    • 图片最大宽度（以像素为单位）
  • quality
    • 图片质量范围：0.0 - 1.0
  • imageType
    • 值：'image/jpeg' , 'image/png' 等等
  • debug
    • 显示控制台日志：true/false

感谢

该项目基于 quill-image-uploader，感谢你，伙伴！