WYSIWYG relies on default styling of html elements.

[marcellino-ornelas]

Hey there 👋🏽, Just happened to notice that the WYSIWYG relies on default styling of html elements. In my app, I start off with using reset.css and then add my own custom styles for default html styling (h1, h2, p, etc). However the issue is that when using the DocumentRenderer and passing the document from my list, All html elements in the rendering of the document are picking up my custom styling that I had mentioned in the last sentence. This is causing me to having to create a "wrapper" and change all the html stylings back to the originals defaults so the WYSIWYG looks good again.

Its not the worst but it would be great if the WYSIWYG could come with the default styling by default this way if anyone else wanted to change the default behavior of say a h1 then they could do so without affecting styling in the WYSIWYG.

• change global h1 tag to font-size:2px
• make a list that has document field
• add a heading 1 to the document in the admin UI
• render document with DocumentRenderer

example I have a global style to remove the list-style from ul elements and the WYSIWYG got effected as well. Similar with background color (would never actually do this, but for demo it works perfect)

[saaagarsingh]

hey is there anyone working on the issue? if not then I would love to give it a try. I just need a help for the clarification of the issue, plus I'm not able to decode WYSIWYG.