Converting HTML to markdown in jodit

Question

In the below link i'm using jodit editor with react. On changing the text it returns html with the styles we have selected.On typing, below you can see the value that it returns. I need some help in printing them in markdown language, is it possible to do in it.

https://codesandbox.io/s/lively-haze-yfbug

Tried converting the returned html to markdown using https://www.npmjs.com/package/turndown ,

For example <p><span style="font-family: Impact, Charcoal, sans-serif; font-size: 16px;">ME typing</span></p> while trying the convert the above using turndown service it just returns ME typing styles are not present.

Thanks in advance

Answer 1

just use

<div dangerouslySetInnerHTML={{__html: value}}></div> .

it should load it in the right way

Answer 2

import dompurify from 'dompurify';
import { marked } from 'marked';

marked.setOptions({
    breaks: true,
    gfm: true,
    pedantic: false,
    renderer: new marked.Renderer(),
    smartLists: false,
    smartypants: false,
    xhtml: false,
});

export const convertMarkedDownToHtml = (content: string): string => {
    const parsedHTML = dompurify.sanitize(marked.parse(content));
    return parsedHTML;
};