I am setting up Quill to use as a rich text editor in a blog project. I have the editor working correctly and can store user posts in mongoDB, retrieve them later, and display them. My code for doing this involves grabbing the delta from quill, stringifying it, then encoding this as a URI. This is what is stored in
Tag: quill
Adding a custom drop down tool to the Quill Editor with JavaScript
Please note this is a self-answered question. The Quill Editor’s toolbar module doesn’t appear to offer a way to add custom tools to it using the JavaScript API. You can merely choose from a list of predefined tools or you have to completely rewrite the entire HTML of the toolbar which seems very hacky and often is not an option.
How do I retrieve the contents of a Quill text editor
I am using the quill text editor in a javascript app and I need to retrieve the contents of the text editor as a string with the HTML included but the docs are a little sparse on this subject. Answer Quite simply by accessing the editor’s innerHTML: Hope this helps!
How do I display the content of React Quill without the html markup?
I managed to get my Quill working, but now I wanted to make a nice splitscreen as we have on this forum but one thing I haven’t been able to figure out is how to convert the input of Quill to nice text on the preview side. I’m able to display the text but it still has all the html