Rich Text Editor

[GarrisonJ]

I'm working on implementing a rich text editor. Quilljs and Trix seem to be the most popular. But, I need to figure out what to save to the DB and how to render it afterward.

I think the correct way would be to implement a Haskell library to convert the QuillJS-parchment format to HTML, but that isn't very easy. But there are Python/PHP examples.

Any advice is appreciated.

[neongreen]

I have integrated ProseMirror (well, the tiptap build) into my app (https://windofchange.me). There's a writeup here: https://windofchange.me/ShowCard?cardId=1d4e2e31-f319-4d01-9798-f775e321fdb1

[neongreen]

Ping me if you want to integrate TipTap and I'll give you readonly access to my private repo. I don't know how up-to-date my writeup is.

[GarrisonJ]

Thanks, I think I'm going to go with that.

[GarrisonJ]

I want the toolbar experience, so I think I can use the public library.

[neongreen]

Actually I just pasted everything into a gist: https://gist.github.com/neongreen/7dbdddae3af0c476340e0dc175552fad

[neongreen]

I don't know if the public library provides a toolbar, btw. Tiptap hates you and wants you to code up the UI by yourself.

There are other ProseMirror builds that have UI — Remirror might be the most popular. My approach should work with Remirror as well.

[nezbite]

In an internal project we are currently working with TinyMCE for Rich Text editing. It saves to HTML; It's HTML parser sanitizes input when displaying, so that should be safe. This does not prevent users from adding script tags, but anytime I need to display the content, I do it via a TinyMCE editor. If you only want to show the content you can use a read-only TinyMCE editor. In these cases the output is safe.
The quick and dirty solution (if you don't worry about sanitizing) would be to use TinyMCE for editing and just using preEscapedToHtml to render the HTML.