DevToolPal
RU

Предпросмотр Markdown

Пишите Markdown и сразу видите результат с GitHub Flavored Markdown, затем копируйте HTML.

Работает локально, без загрузки на сервер

Параметры

Показать

Markdown

Символов: 0 · 0 B

Предпросмотр

Здесь появится результат

Что делает инструмент

Предпросмотр Markdown — это живой редактор Markdown. Пишите слева и сразу видите отрендеренный результат справа: заголовки, списки, ссылки, изображения, таблицы, блоки кода и цитаты. Он удобен, чтобы набросать README, примечания к релизу, пост в блог или документацию перед коммитом, а также проверить, как будет выглядеть хитрая таблица или вложенный список.

Переключите вид на HTML, чтобы увидеть сгенерированную разметку, а затем скопируйте её или скачайте полноценную HTML-страницу с базовыми стилями.

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

  1. Введите или вставьте Markdown в поле ввода, перетащите на него файл .md или нажмите Пример.
  2. Предпросмотр обновляется по мере ввода. Строка над ним показывает количество слов, заголовков и ссылок.
  3. Выберите Предпросмотр, чтобы увидеть отрендеренную страницу, или HTML, чтобы увидеть разметку.
  4. Нажмите Копировать HTML, чтобы вставить результат в CMS или письмо, или Скачать HTML, чтобы получить отдельный файл.

Шпаргалка по Markdown

Вы пишетеВы получаете
# TitleЗаголовок первого уровня (## — второго, и так до ######)
**bold** и _italic_жирный и курсив
[text](https://example.com)Ссылку
![alt](image.png)Изображение
- item или 1. itemМаркированный или нумерованный список
- [ ] todoФлажок списка задач (GFM)
`code`Встроенный код
```js на отдельной строкеБлок кода с указанием языка
> quoteЦитату
---Горизонтальную линию

Таблицы строятся с помощью вертикальных черт и строки-разделителя: | a | b |, а за ней | --- | --- |. Таблицы — это расширение GitHub Flavored Markdown, а не часть CommonMark, поэтому они отображаются, только пока включён GitHub Flavored Markdown; если его выключить, они показываются как обычный текст с вертикальными чертами.

Пример

## Highlights

- [x] Tables and task lists
- ~~Old API~~ removed

отображается как заголовок второго уровня, за которым следуют отмеченный пункт списка задач и зачёркнутая строка.

Частые вопросы

› Какой синтаксис Markdown поддерживается?

CommonMark плюс GitHub Flavored Markdown: таблицы, списки задач, зачёркивание, блоки кода в ограждениях и автоматические ссылки. Отключите GFM, чтобы увидеть, как текст отобразит строгий рендерер CommonMark.

› Безопасно ли вставлять Markdown, содержащий HTML?

Да. Markdown допускает сырой HTML, поэтому предпросмотр показывается в изолированном фрейме (sandbox), где скрипты не выполняются. Копируемый HTML не очищается, поэтому перед публикацией недоверенного контента на своём сайте очистите его.

› Почему одиночный перенос строки не начинает новую строку?

В стандартном Markdown одиночный перевод строки считается пробелом, а пустая строка начинает новый абзац. Включите «Переносы строк становятся <br>», чтобы каждый перевод строки отображался как разрыв строки — так, как GitHub делает в комментариях.

› Сохраняется ли мой текст?

Последний ввод хранится в локальном хранилище этого браузера, чтобы он пережил перезагрузку страницы. Он никогда не загружается на сервер; очистить его можно кнопкой «Очистить».