CSS class differing in library generated HTML from quill's HTML

[vikingsvivek]

Hi,

I am facing an issue that in some cases there is a difference in CSS class mapped to elements in the generated HTML of go-render-quill library and quill. Thus the format is not preserved while rendering generated HTML.

Case 1: Text align

Quill Delta ::{"ops":[{"insert":"Hi Vivek\nThis is testing alignment."},{"attributes":{"align":"center"},"insert":"\n"}]}

Quill genrated HTML ::<p>Hi Vivek</p><p class="ql-align-center">This is testing alignment.</p>

Lib genrated HTML :: <p>Hi Vivek</p><p class="align-center">This is testing alignment.</p>

Case 2: Indentation

Quill Delta ::{"ops":[{"insert":"Hi Vivek\nThis is testing indentation."},{"attributes":{"indent":1},"insert":"\n"}]}

Quill HTML ::<p>Hi Vivek</p><p class="ql-indent-1">This is testing indentation.</p>

Lib genrated HTML :: <p>Hi Vivek</p><p class="indent-1">This is testing indentation.</p>

Please suggest how I can fix this?

[Neboer]

I'd like to put quill.js style sheet under the rendered HTML. But however, there is a big problem because quill.js use a css only affect block in a ql-editor object.

So when I just want use this style sheet, I must warp generated html with a div which has ql-editor class. This is ridiculous and I must rewrite a style sheet to avoid it.

What's more, there's also a bit difference in class name between the origional quill.js editor and the rendered html tag. Such as ql-align-center with align-center.

I hope there can be a general style sheet provided by this project, so I can use it instead of stupid quill css.

Thank you.