@sertxudeveloper/markdown-editor/src/Preview.ts

A customizable markdown editor for your projects

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

const renderer = new marked.Renderer();
renderer.link = function (href: string, title: string = '', text: string) {
    return `<a target="_blank" title="${title}" href="${href}">${text || href}` + '</a>';
};

marked.setOptions({
    gfm: true,
});

marked.use({ renderer });

export default class Preview {
    static renderMarkdown(markdown: string): string {
        return DOMPurify.sanitize(marked.parse(markdown), { ADD_ATTR: ['target'] });
    }
}