Парсер: 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).
Как реализовать markdown preview?
Middle
179 просмотровAFK Offer AI
Как реализовать Tree View?