如何quill-image-resize-module使用
时间: 2023-05-30 18:02:56 浏览: 883
Quill-image-resize-module 是一个用于 Quill 富文本编辑器的插件,用于调整插入的图片大小。以下是使用 Quill-image-resize-module 的步骤:
1. 安装插件
可以通过 npm 安装插件:
```
npm install quill-image-resize-module --save
```
2. 引入插件
在需要使用 Quill 的页面中引入插件:
```
import Quill from 'quill';
import ImageResize from 'quill-image-resize-module';
Quill.register('modules/imageResize', ImageResize);
```
3. 配置 Quill
在 Quill 的配置中加入 imageResize 模块:
```
const quill = new Quill('#editor-container', {
// ...
modules: {
// ...
imageResize: {}
}
});
```
4. 使用插件
在编辑器中插入图片后,通过鼠标拖拽或点击并拖动右下角的调整框来调整图片大小。
注意事项:
- Quill-image-resize-module 需要 Quill v1.3.0 或更高版本。
- 插件只能用于通过 Quill 插入的图片,不能用于通过 HTML 直接插入的图片。
- 插件默认使用 CSS3 的 transform 属性来调整图片大小,不支持 IE9 及以下版本浏览器。
阅读全文