Gathering detailed insights and metrics for quill-resize-image
Gathering detailed insights and metrics for quill-resize-image
Installations
npm install quill-resize-imageDeveloper
Developer Guide
BETA
Module System
CommonJS
Min. Node Version
Typescript Support
No
Node Version
20.16.0
NPM Version
10.8.1
Statistics
23 Stars
21 Commits
4 Forks
1 Watching
1 Branches
2 Contributors
Updated on 06 Nov 2024
Bundle Size
9.40 kB
Minified
2.93 kB
Minified + Gzipped
Languages
TypeScript (70.84%)
JavaScript (15.16%)
Less (14%)
Total Downloads
Cumulative downloads
Total Downloads
123,398
Last day
-14.2%
862
Compared to previous day
Last week
-5.7%
5,140
Compared to previous week
Last month
-33.1%
22,677
Compared to previous month
Last year
5,854.9%
121,360
Compared to previous year
Daily Downloads
Weekly Downloads
Monthly Downloads
Yearly Downloads
Versions
A library resize image for Quill editor.
Demo
Install
1npm i quill-resize-image@latest
With yarn
1yarn add quill-resize-image
Reactjs
1import ReactQuill, { Quill } from 'react-quill'; 2import QuillResizeImage from 'quill-resize-image'; 3 4/** 5- add object resize to modules. 6**/ 7 8// resize: { 9// locale: {}, 10// }, 11 12 13Quill.register("modules/resize", window.QuillResizeImage); 14 15const App = () => { 16 const Editor = { 17 modules: { 18 toolbar: { 19 container: [ 20 ['image'], 21 ], 22 }, 23 resize: { 24 locale: {}, 25 }, 26 }, 27 formats: [ 28 'image', 29 ], 30 }; 31 32 return <ReactQuill 33 modules={Editor.modules} 34 formats={Editor.formats} 35 theme='snow' 36 /> 37} 38
Browser
1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="UTF-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 6 <title>Document</title> 7 <link 8 crossorigin="anonymous" 9 integrity="sha384-7kltdnODhBho8GSWnwD9l9rilXkpuia4Anp4TKHPOrp8/MS/+083g4it4MYED/hc" 10 href="http://lib.baomitu.com/quill/2.0.0-dev.3/quill.snow.min.css" 11 rel="stylesheet" 12 /> 13 <script 14 crossorigin="anonymous" 15 integrity="sha384-MDio1/ps0nK1tabxUqZ+1w2NM9faPltR1mDqXcNleeuiSi0KBXqIsWofIp4r5A0+" 16 src="http://lib.baomitu.com/quill/2.0.0-dev.3/quill.min.js" 17 ></script> 18 <script defer src="https://cdn.jsdelivr.net/gh/hunghg255/quill-resize-module/dist/quill-resize-image.min.js"></script> 19 </head> 20 <body> 21 <div id="editor"> 22 <p>Hello World!</p> 23 <p>Some initial <strong>bold</strong> text</p> 24 <p><br /></p> 25 </div> 26 </body> 27 <script> 28 Quill.register("modules/resize", window.QuillResizeImage); 29 30 var toolbarOptions = [ 31 "bold", 32 "italic", 33 "underline", 34 "strike", 35 "image", 36 "video", 37 ]; 38 var quill = new Quill("#editor", { 39 theme: "snow", 40 modules: { 41 toolbar: toolbarOptions, 42 resize: { 43 locale: { 44 center: "center", 45 }, 46 }, 47 }, 48 }); 49 </script> 50</html>
No vulnerabilities found.
No security vulnerabilities found.