Клавиатура Markdown онлайн: разметка без запоминания синтаксиса
Выделите текст, нажмите кнопку, и разметка встанет вокруг него.
Предпросмотр
Предпросмотр примерный: он показывает смысл разметки, а не то, как её нарисует конкретное приложение. Шрифты, цвета и отступы везде свои, а часть возможностей зависит от версии.
0 симв.
Что пишет каждая кнопка
| Действие | Синтаксис | Примечание |
|---|---|---|
| B | **bold** |
Жирный |
| I | *italic* |
Курсив |
| B+I | ***bold italic*** |
Жирный курсив |
| Code | `code` |
Код в строке |
| H1 | # Heading |
Заголовок 1-го уровня |
| H2 | ## Heading |
Заголовок 2-го уровня |
| H3 | ### Heading |
Заголовок 3-го уровня |
| Quote | > quoted text |
Цитата |
| List | - item |
Маркированный список |
| 1. | 1. item |
Нумерованный список |
| Code block | ```
code
``` |
Блок кода (в тройных обратных кавычках) |
| Link | [text](https://example.com) |
Ссылка |
| Image |  |
Изображение |
| Auto link | <https://example.com> |
Автоссылка - адрес становится кликабельным как есть |
| Rule | --- |
Горизонтальная линия |
| Break | line one |
Перенос строки внутри абзаца: два пробела в конце строки |
| Escape | *not italic* |
Ставит обратную косую черту перед \ ` * _ и другими символами, чтобы они оставались видны как есть, а не превращались в разметку. Выделите текст или просто поставьте курсор на строку |
Телефон собирает файл приложения - поэтому это дольше обычной загрузки.
Ищите этот значок: Markdown
Кнопки работают с выделением
Это редактор, а не панель символов. Выделите слово, нажмите B, и получится **слово**; поставьте курсор на строку и нажмите кнопку цитаты, и в начале строки появится >, а повторное нажатие его уберёт. Каждая кнопка действует на выделенное, поэтому разметка выходит аккуратной, без лишних звёздочек.
Обычный Markdown, который работает везде
Markdown не один: GitHub, Discord и Slack понимают его по-разному. В основе у всех лежит CommonMark, спецификация общего ядра: выделение, заголовки, цитаты, списки, ссылки, картинки и код.
На этой странице только это ядро. Таблиц, зачёркивания и списков задач здесь нет: это расширения GitHub, и обычный Markdown оставит их простым текстом. Черновик хранится в браузере и никуда не отправляется.
Как пользоваться
- Сначала напишите текст. Разметку удобнее добавлять к готовому тексту, а не по ходу набора.
- Выделите фрагмент и нажмите кнопку. B, I и Code оборачивают выделение, а заголовок, цитата и список работают с целыми строками.
- Скопируйте результат. Нажмите "Копировать всё" и вставьте текст туда, где отображается Markdown.
Вопросы и ответы
Насколько точен предпросмотр?
Смысл разметки он показывает точно, а внешний вид примерно. Шрифты, цвета и размеры заголовков у каждого приложения свои.
Где таблицы и зачёркивание?
Их нет в CommonMark, это расширения GitHub Flavored Markdown. Они есть на странице клавиатуры GitHub Markdown.
Мой текст куда-то отправляется?
Нет. Всё работает в браузере, черновик хранится локально, а очистка поля удаляет и его.
