1.0.2 • Published 4 years ago
quill-modules-simple-image-resize v1.0.2
QuillSimpleImageResize Module
A module for Quill to allow images to be resized. QuillSimpleImageResize provide to resize width of image as a text. QuillSimpleImageResize never provide bounding box to resize a image because the module keep to be simple.
Usage
Webpack/ES6
import Quill from 'quill';
import QuillSimpleImageResize from 'quill-modules-simple-image-resize';
Quill.register('modules/simpleImageResize', QuillSimpleImageResize)
Script Tag
<script src="/node_modules/quill-modules-simple-image-resize/dist/quill-simple-image-resize.js"></script>
Add modules simpleImageResize
const quill = new Quill(editor, {
modules: {
simpleImageResize: true
}
});
Add css to change a label on tooltip.
/* recommended */
.ql-snow .ql-tooltip[data-mode=simple-image-resize]::before {
content: "image width:";
}
or include quill-simple-image-resize.css
// es6
import 'quill-modules-simple-image-resize/dist/quill-modules-simple-image-resize.css';
<!-- link tag -->
<link rel="/node_modules/quill-modules-simple-image-resize/dist/quill-simple-image-resize.css">