Как реализовать markdown preview?

Middle
179 просмотров
AFK Offer AI

Парсер: marked.js или remark/rehype (AST-based). Input textarea слева, preview справа. onChange: parse markdown → set HTML. Sanitization обязательна: DOMPurify.sanitize(html) для защиты от XSS. Syntax highlighting: highlight.js или Prism для блоков кода. Synchronized scroll: пропорциональный скролл preview к textarea. Debounce парсинг для больших документов. Live preview с split view. Поддержка: заголовки, списки, код, ссылки, картинки, таблицы. Для React: react-markdown (рендер без dangerouslySetInnerHTML).

Следующий вопрос

Как реализовать Tree View?