react-quill VS quill-image-compress

The email template settings page should provide a user interface where users can see and edit the email template. The react-quill (https://github.com/zenoamaro/react-quill) component will be used as the editor for the email template message.

Did you consider react quill instead of tiptap? If so, why did you choose it?

const rt = useRef(); const doAThing = useCallback(()=> { const editor: Quill = rt.getEditor(); // add a button to the toolbar here using // the api: https://github.com/zenoamaro/react-quill/tree/v1.3.5 }, [rt]);

i'm using react-quill.

To demonstrate how Quill works, we are going to use the React-Quill package, which is a React wrapper around the Quill editor. Below we have a component that will render the React Quill editor with a toolbar that offers tools for formatting text.

What I used is this one: https://www.npmjs.com/package/react-quill

I could dig into that and explain but it would probably be easier for you to just look at react-quill since it's already doing what you want.

I'm using this editor in a React application with PostgREST and PostgreSQL. I plan to store the RT in text fields. Looking for advice and cautions on whether this is a good approach.

Quill is also pretty nice.

Quill has good libraries but has completely fallen into disrepair across the board. ReactJS I would argue is in an even worse state.

Try https://quilljs.com/ It's open source, sleek and has a really simple plugin system, which makes modifying the editor, very easy.

> and what’s a good intermediary format to store rich text soo we can switch editors for the future. Raw HTML might take too much space possibly.

Unfortunately, HTML is probably the best solution, as it's portable to almost any WSIWYG editor and self contained. The space issue usually comes up with storing images, (shameless plug) that's why I made a quill plugin to shrink images.

https://github.com/benwinding/quill-image-compress