Конвертер Markdown в HTML — бесплатно
Конвертируйте Markdown в чистый HTML с предпросмотром. Используйте режим источника для копирования готового HTML в блоги, CMS или шаблоны писем.
Вставьте Markdown слева — чистый HTML появится справа.
HTML появится здесь…Частые применения
- Публикация Markdown в CMSПреобразуйте заметки Markdown в HTML для вставки в CMS, который принимает только HTML.
- Создание содержимого электронного письма HTMLПреобразуйте Markdown в HTML для транзакционных писем и рассылок новостей.
- Предварительный просмотр файлов README локальноВставьте ваш README.md, чтобы увидеть, как он будет отображаться на GitHub, GitLab или npm.
- Создание содержимого страницы для статических сайтовПреобразуйте содержимое основной части Markdown в HTML для ручных статических сайтов или одноразовых страниц.
- Создание HTML документацииПреобразуйте внутреннюю документацию Markdown в HTML для встраивания в приложения, центры справки или базы знаний.
Как это работает
Конвертация полностью выполняется в вашем браузере написанным вручную парсером Markdown — без сторонней библиотеки, без запроса к серверу. Парсер проходит по исходному коду построчно, применяя правила блочного уровня (заголовки, списки, таблицы, огороженный код), а затем второй проход инлайн-шаблонов регулярных выражений для жирного, курсива, ссылок, изображений и инлайн-кода.
- 1Сначала разбирается блочная структураПарсер читает необработанный Markdown построчно, определяя конструкции блочного уровня: огороженные блоки кода (с опциональным классом языка), заголовки ATX (# до ######), цитаты, упорядоченные и неупорядоченные списки, включая флажки списка задач GFM, таблицы GFM с выравниванием столбцов, горизонтальные линии и абзацы, которые правильно объединяют строки мягкого переноса.
- 2Инлайн-шаблоны применяются внутри каждого блокаПосле того, как текст каждого блока экранирован HTML, цепочка регулярных выражений в parseInline() преобразует инлайн-синтаксис: изображения и ссылки (с белым списком схем URL, который удаляет javascript: и data: hrefs), **жирный**, *курсив*, ~~зачёркнутый~~ и инлайн-код — в этом порядке приоритета.
- 3Живой вывод HTML с переключателем предпросмотраСтрока HTML пересчитывается через useMemo при каждом нажатии клавиши, так что правая панель обновляется мгновенно. Переключатель переключает между видом необработанного исходного HTML и отрендеренным предпросмотром с использованием собственного движка компоновки браузера.
- 4Три варианта вывода, включая копирование форматированного текстаВы можете скопировать необработанную разметку HTML, скачать полный самостоятельный файл .html с DOCTYPE и мета-тегом charset или использовать «Копировать форматированный текст» — он записывает в буфер обмена оба MIME-типа, text/html и text/plain, через ClipboardItem API Clipboard, так что отформатированный результат вставляется прямо в Gmail, Google Docs или Word без дополнительных шагов.
Похожие инструменты
Конвертер HTML в Markdown
Конвертируйте HTML в чистый Markdown. Обрабатывает заголовки, списки, ссылки, изображения, блоки кода, таблицы и цитаты. Идеально для переноса контента из CMS.
Редактор Markdown
Пишите и просматривайте Markdown в реальном времени. Поддерживает заголовки, жирный, курсив, блоки кода, таблицы и списки.
Конвертер MIDI в MP3
Конвертируйте MIDI-файл (.mid) в MP3 или WAV с банком звуков General MIDI. Слушайте в браузере, меняйте темп, тональность или инструмент; файлы никуда не отправляются.