indent not working when displaying text inside dangerouslySetInnerHTML

[maximegheraille]

When using react-quill and displaying the editor's code inside dangerouslySetInnerHTML, the indentation does not work

Here is the code : https://codesandbox.io/s/condescending-pasteur-pohse?fontsize=14&hidenavigation=1&theme=dark

Ticket due diligence

• [x] I have verified that the issue persists under ReactQuill v2.0.0-beta.2

ReactQuill version

• [ ] master
• [x] v2.0.0-beta.2
• [ ] v2.0.0-beta.1
• [x] 1.3.5
• [ ] 1.3.4 or older
• [ ] Other (fork)

[kokiebisu]

I am having the same issue as well.

React-quill: ^1.3.5

[JamesonBozeman]

ReactQuill is using their own classes to handle indentation. i.e. ql-indent-1 Adding the class "ql-editor" to the dangerouslySetInnerHTML element or a parent element should allow these indentation styles to apply. These classes are part of quill.snow.css.

[naveenpandiselvam]

ReactQuill is using their own classes to handle indentation. i.e. ql-indent-1 Adding the class "ql-editor" to the dangerouslySetInnerHTML element or a parent element should allow these indentation styles to apply. These classes are part of quill.snow.css.

<Typography className="ql-editor" variant="h5regular" id={"Description"} dangerouslySetInnerHTML={{ __html: DOMPurify.sanitize(Description), }}

[tonyng3101]

ReactQuill is using their own classes to handle indentation. i.e. ql-indent-1 Adding the class "ql-editor" to the dangerouslySetInnerHTML element or a parent element should allow these indentation styles to apply. These classes are part of quill.snow.css.

This is the right answer. Saving my time. Thank you vr much!!

[sudanbasyal]

ReactQuill is using their own classes to handle indentation. i.e. ql-indent-1 Adding the class "ql-editor" to the dangerouslySetInnerHTML element or a parent element should allow these indentation styles to apply. These classes are part of quill.snow.css.

Thanks, this is the right answer anyone facing the same issue!