Перейти к содержимому
Инструменты конвертации

Конвертер Markdown в HTML

Преобразует Markdown в HTML с помощью библиотеки markdown-js, которая следует исходному синтаксису Джона Грубера. Сырой HTML в исходнике экранируется как текст, а расширения GitHub, такие как таблицы и огороженные блоки кода, не распознаются.

Вставить раздел README или примечания к релизу в поле CMS, которое принимает только HTML.

Markdown

HTML

Когда пригодится

  • Вставить раздел README или примечания к релизу в поле CMS, которое принимает только HTML.
  • Проверить, какие HTML-теги получаются из фрагмента базового Markdown.

Как пользоваться

  1. Вставьте Markdown в левый редактор или загрузите файл .md.
  2. Изучите сгенерированный HTML справа и проверьте в превью под ним каждый заголовок, список и ссылку.
  3. Скопируйте HTML; он содержит только разметку body, поэтому добавьте собственный CSS там, куда вставляете.

Markdown

## Install

Run the **CLI** once:

    npm install -g douni

1. Open the [docs](https://douni.one)
2. Paste your file

| a | b |

HTML

<h2>Install</h2>

<p>Run the <strong>CLI</strong> once:</p>

<pre><code>npm install -g douni</code></pre>

<ol>
  <li>Open the <a href="https://douni.one">docs</a></li>
  <li>Paste your file</li>
</ol>

<p>| a | b |</p>

Подробности и ограничения

Преобразование выполняется в браузере. Результат — HTML-фрагмент без <html>, <head> и таблицы стилей; превью отображает его в изолированном фрейме с отключёнными скриптами.

Поддерживается только исходный Markdown. Таблицы с вертикальными чертами, списки задач, ~~зачёркивание~~ и огороженный код ``` остаются текстом; для блоков кода используйте отступ в 4 пробела.

Встроенный HTML, например <div>, экранируется в &lt;div&gt;, а не передаётся как есть.

Изображения становятся тегами <img> с исходным URL; файлы не встраиваются.

FAQ

Почему мои блоки ``` не превращаются в <pre>?

Библиотека старше огороженных блоков кода. Ограждение обрабатывается как встроенный код внутри абзаца. Сделайте отступ кода в четыре пробела, чтобы получить <pre><code>.

Поддерживаются ли таблицы GitHub Flavored Markdown?

Нет. Строка вида | a | b | выводится как обычный абзац.

Можно ли оставить в Markdown сырой HTML?

Нет. HTML-теги экранируются и отображаются в результате как текст, поэтому встроенный <div> не отрисуется как элемент.

Спецификации и справка