marked HTML renderer
npm install marked-html-rendererMarked extension to renderer html elements instead of a string.
``js
import {Marked} from "marked";
import markedHtmlRenderer from "marked-html-renderer";
// or UMD script
//
//
const marked = new Marked();
marked.use(markedHtmlRenderer());
const htmlElements = marked.parse("# example html"); // returns a DocumentFragment
document.body.append(htmlElements);
`
For typescript use Marked to tell marked that it should return a DocumentFragment instead of a string.
`ts
import {Marked} from "marked";
import markedHtmlRenderer from "marked-html-renderer";
const marked = new Marked
marked.use(markedHtmlRenderer());
const htmlElements: DocumentFragment = marked.parse('# example html', { async: false });
document.body.append(htmlElements);
``