Конвертер Markdown в HTML
Конвертируйте Markdown в HTML с живым предпросмотром.
Работает в браузере. То, что вы вводите, никуда не отправляется.
- Живой предпросмотр
- Таблицы в стиле GitHub
- Ничего не загружается
Как конвертировать Markdown в HTML
- Вставьте свой Markdown.
- Проверьте живой предпросмотр ниже.
- Скопируйте или скачайте HTML.
Поддерживаемые функции GitHub flavored
| Функция | Пример |
|---|---|
| Таблицы | | a | b | |
| Списки задач | - [ ] задача |
| Зачёркнутый текст | ~~текст~~ |
| Блоки кода в оградах | ```js ... ``` |
Как предпросмотр остаётся безопасным
- Теги script, style и iframe убираются перед отрисовкой предпросмотра.
- Встроенные обработчики событий, вроде onclick, удаляются.
- Ссылки javascript: заменяются безобидным #, чтобы они не могли выполнить код.
Где используется конвертированный HTML
- Публикация README или страницы документации как части статического сайта.
- Вставка форматированного содержимого в письмо или CMS, которые принимают необработанный HTML.
- Предпросмотр того, как Markdown отрисуется, перед тем как закоммитить его в репозиторий.
- Проверка фрагмента перед вставкой в поле комментария, которое отрисовывает GitHub flavored Markdown, например описание pull request.
Краткий справочник по синтаксису Markdown
| Markdown | Отрисовывается как |
|---|---|
| # Заголовок | Заголовок 1 уровня |
| **жирный** | Жирный текст |
| *курсив* | Курсивный текст |
| [текст](url) | Ссылка |
| - пункт | Элемент маркированного списка |
| `код` | Встроенный код |
Частые вопросы о Markdown в HTML
Предпросмотр безопасно просматривать?
Да. Теги script, встроенные обработчики событий и ссылки javascript убираются перед отрисовкой предпросмотра.
Можно вставить Markdown со встроенным HTML?
Да. Встроенный HTML в Markdown сохраняется и отрисовывается вместе с остальным содержимым.
Поддерживается ли подсветка синтаксиса в блоках кода?
Блоки кода сохраняют название языка в атрибуте class, но эта страница не добавляет цветовую подсветку синтаксиса.
Какая библиотека Markdown здесь используется?
marked, с включённым GitHub flavored Markdown (gfm), поэтому таблицы, списки задач и зачёркнутый текст разбираются так же, как на GitHub.
Поддерживаются ли сноски или списки определений?
Нет. Это расширения за пределами GitHub flavored Markdown, и здесь они не поддерживаются.
Можно посмотреть предпросмотр Markdown со встроенными изображениями?
Да, ссылка на изображение вроде  отрисовывается в предпросмотре, пока URL доступен из вашего браузера. Локальный путь к файлу на вашем компьютере не загрузится на веб-странице.
Важны ли переносы строк в Markdown?
Да. Пустая строка разделяет два абзаца. Одиночный перенос строки внутри абзаца обычно игнорируется, если строка не заканчивается двумя пробелами или обратной чертой, а оба этих варианта принудительно создают перенос строки.
Можно вложить список в список или блок кода в элемент списка?
Да. Сделайте отступ вложенного содержимого в 2 или 4 пробела под маркером элемента списка, и marked читает отступ так же, как это делает обработчик Markdown на GitHub.