Skip to content

wisteria-hill-technologies/react-quill-experiment

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

8 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

React-Quill Integration

This is a simple experiment to learn how to use React Quill Editor and expand it with other functionalities such as video and image resizing.

With React-Quill, you can save the value of the editor either as a HTML string or Delta (object). To integrate quill-image-module, it is important to do the following to make it work.

import ImageResize from 'quill-image-resize-module'
Quill.register('modules/imageResize', ImageResize);

In webpack config file, add the plugin.

plugins: [
    new webpack.ProvidePlugin({
      'window.Quill': 'quill'
      }),
    ... ]

Also, add 'width' to Editor.formats.

Check App.js for the example.

Another test:

https://codepen.io/nfabacus/pen/Ldxomy

This project was bootstrapped with Create React App.

About

quill.js experiments

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published