How to safely save and render formatted text in ReactJS SPA?

Question

JavaScript

I need to store, retrieve, render and edit rich text in a ReactJS WebApp.
Instead of a visual editor on the client side, I use the markdown syntax.
According to the ReactJS documentation, using the dangerouslysetinnerhtml method is generally not desirable due to the vulnerability to cross-site scripting (XSS) attacks. I understand that this means that an attacker can inject js code that will be executed when the page is opened.
Is it possible to solve this problem if I store a string with markdown syntax instead of html in the database, and on the client side just convert from markdown to html just before rendering?
If not, what to do with formatting??

Answer 1

Can be rendered in the browser or filtered .
No one is stopping you from doing this.
So, most often, custom styles are also completely cut out.
Although, after CSS keyloggers in scrollbars and SVGs, I'm not surprised at all.