22. Edytor Markdown

// Użycie biblioteki 'marked' do renderowania Markdown
// npm install marked

import { marked } from 'marked';
import DOMPurify from 'dompurify'; // opcjonalne, ale zalecane

function MarkdownPreview({ content }) {
  const html = useMemo(() => {
    const rawHtml = marked(content);
    return DOMPurify.sanitize(rawHtml); // usuwamy niebezpieczny HTML
  }, [content]);

  return (
    <div
      className="preview"
      dangerouslySetInnerHTML={{ __html: html }}
    />
  );
}