Proposal: (Doc) write about **the correct way** to store & display quill editor content

[1c7]

1. Why

so far(2018-8-26) Quill document didn't say anything about what is the correct / suggest way to store and display content from quill editor

2. Base on my current understanding

There are 2 way to store and then display content when using quill editor to write content.

1. (Delta) Store Delta into database (MySQL/PostgreSQL as JSON). then, when Display, use some library convert Delta to HTML and then display

2. (HTML) Store HTML using quill.root.innerHTML into database (MySQL/PostgreSQL) and then just Display these HTML

3. Question

Would you guys write about this topic (store&display) in document?

Thanks!

(I am still researching, If I find any new info helpful for this. I would update this issue)

4. info relate to this topic

https://www.bountysource.com/issues/37978100-render-quill-delta-without-instantiating-an-editor
#993
#1551

[1c7]

I think this solution is the best one so far

1. Store both format.
2. Under different use case, Delta for editor, HTML for display

[benbro]

Quill work with Delta.
HTML from users is unsafe. Best way is to store Delta in the database and render it to HTML if needed.
Quill currently doesn't support delta to html conversion but you'll might find what you need in one of the community projects.

[1c7]

@benbro got it. thank you.

new question: can you put these into doc? a new section, maybe here:

[benbro]

Adding a huge screenshot for each post is unneeded. Please use text only.
There are Delta sections in docs and guide. Please submit a PR to the docs with your suggested changes if you think it can be improved.

[1c7]

got it, thanks

[jlautner]

This was a deal breaker for me with using this; I don't want to store both Delta json and HTML; shame because looks like such a great product; I am switching to summernote

[mossymaker]

It's really frustrating to invest a lot of time in understanding Quill, expecting there will be instructions along the way about rendering its content, only to learn that this project is bring-your-own-renderer. It'd be great to mention that at the beginning.

[1c7]

A little update: (in short: I am not using Quill anymore)

because our product pivot to another direction.
we focus on App now, main feature are all on App.
website just a single landing page.

So I am not using Quill anymore.
Also. we lower the bar for user post content. again and again.
Now our app look like Instagram

This is just a simple update in case anyone interested

[akinlekan28]

This is 2020 and i still find it difficult to display data saved from the editor. This is a bit disappointing i must say after going through the stress of integrating the library. It also says a lot about the library with its number of opened issues and pending pull requests

[HimanshuChugh2]

please help me with this similar issue: pingcap/tidb#18922

[summitmman-zz]

Save the html output from quill editor. Then render it as an innerHTML on a div. Give class="ql-editor" to the div and the html will be formatted as we see it in the editor. No need to instantiate editor context. Just import quill's css file.

Vue example:

import '@vueup/vue-quill/dist/vue-quill.snow.css';

<div class="ql-editor" v-html="result"></div>