Перейти к содержимому

Markdown-редактор и просмотр

Пишите или откройте Markdown и сразу видите готовый результат.

Здесь появится отрисованный Markdown. Вставьте текст, откройте файл .md или загрузите пример.

Работает в браузере — ваши данные никуда не загружаются. Текст сохраняется только в этом браузере, кнопка «Очистить» удаляет его.

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

  1. Нажмите «Открыть файл» или перетащите MD-файл в редактор. Можно и вставить в редактор готовый текст.
  2. В поле «Стиль просмотра» выберите «GitHub» или «Обычный».
  3. Если нужно сохранить каждый перенос строки, включите «Одиночный перенос = разрыв строки».
  4. Отредактируйте текст и проверьте результат в предпросмотре.

Примеры

План выпуска проекта

Исходные данные
# Сайт библиотеки

## До запуска
- [x] Добавить расписание
- [ ] Проверить форму записи
- [ ] Обновить контакты

~~Запуск 10 ноября~~ Перенесён на 17 ноября.
Результат
<h1>Сайт библиотеки</h1>
<h2>До запуска</h2>
<ul>
<li><input type="checkbox" disabled="" checked=""> Добавить расписание</li>
<li><input type="checkbox" disabled=""> Проверить форму записи</li>
<li><input type="checkbox" disabled=""> Обновить контакты</li>
</ul>
<p><del>Запуск 10 ноября</del> Перенесён на 17 ноября.</p>

Смета с выравниванием столбцов

Исходные данные
| Работа | Количество | Сумма, ₽ |
| :-- | :-: | --: |
| Настройка сайта | 1 | 15000 |
| Подготовка страниц | 5 | 10000 |
Результат
<table>
<thead>
<tr>
<th align="left">Работа</th>
<th align="center">Количество</th>
<th align="right">Сумма, ₽</th>
</tr>
</thead>
<tbody><tr>
<td align="left">Настройка сайта</td>
<td align="center">1</td>
<td align="right">15000</td>
</tr>
<tr>
<td align="left">Подготовка страниц</td>
<td align="center">5</td>
<td align="right">10000</td>
</tr>
</tbody></table>

Объявление с переносами строк

Исходные данные
Встреча книжного клуба
Суббота, 14 ноября, 15:00
Библиотека на Лесной, зал 2
Результат
<p>Встреча книжного клуба<br>Суббота, 14 ноября, 15:00<br>Библиотека на Лесной, зал 2</p>

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

Можно ли открыть MD-файл на телефоне?

Откройте страницу в браузере телефона и выберите файл .md или .txt через выбор файла. На экранах шириной до 768 пикселей редактор и предпросмотр показываются по отдельности, а не рядом.

Какие файлы поддерживаются и какой размер допустим?

Поддерживаются .md, .markdown, .mdown, .mkd и .txt. Файлы больше 10 МБ открыть нельзя: разделите документ на части.

Как вставить текст из Word или Google Docs в Markdown?

Опция «Конвертировать форматированную вставку (Word, Google Docs)» включена по умолчанию: просто вставьте скопированный текст в редактор. Если в буфере обмена форматированный HTML, он очищается от стилей Word и Google Docs и вставляется как Markdown: выделения, списки и таблицы сохраняются. Ctrl+Shift+V всегда вставляет обычный текст.

Почему не отображается картинка из MD-файла?

Относительные пути вроде ./img.png не поддерживаются: вместо картинки показывается её альтернативный текст. Укажите полный адрес изображения с http:// или https://.

Отправляется ли текст Markdown на сервер?

Обработка выполняется в браузере, код инструмента не отправляет текст на сервер. Черновик сохраняется в localStorage этого браузера. Внешние изображения загружаются с исходных серверов, которые могут видеть ваш IP-адрес.