nicetool.dev logo

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

Пишите Markdown слева и смотрите результат справа. HTML разрешён, скрипты удаляются.

88 слов · 609 символов · 29 строк · 1 мин чтения
Просмотр

Что такое Markdown?

Markdown - это лёгкий язык разметки, где используются обычные символы: # для заголовков, ** для жирного и - для списков, поэтому текст читается даже без отображения. Это стандартный формат README, issue на GitHub, сайтов документации, приложений для заметок и многих блогов. Редактор поддерживает Markdown в стиле GitHub с таблицами, списками задач, зачёркиванием и блоками кода и показывает HTML по мере ввода.

Возможности

  • • Markdown в стиле GitHub: таблицы, списки задач, зачёркивание и блоки кода
  • • Режимы «Редактор», «Рядом» и «Просмотр»
  • • Панель для жирного, ссылок, кода, списков, цитат и таблиц
  • • Подсчёт слов, символов, строк и время чтения
  • • Копирование HTML или скачивание .md и самостоятельного .html со стилями

Конфиденциально по умолчанию

Текст отображается в браузере и никуда не загружается. Предпросмотр удаляет скрипты, обработчики событий и ссылки javascript:, поэтому вставленный HTML не может выполнить код на странице.

Безопасный предпросмотр, 100% на стороне клиента.

Как пользоваться: Предпросмотр Markdown

  1. 1

    Пишите или вставляйте Markdown в редактор. Предпросмотр справа обновляется по мере ввода и показывает заголовки, списки, таблицы, блоки кода и списки задач.

  2. 2

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

  3. 3

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

  4. 4

    Скопируйте полученный HTML или скачайте текст в .md либо в виде самостоятельного .html с базовыми стилями, который открывается в любом браузере.

Практические примеры

Написание README

Подготовьте README для репозитория на GitHub или GitLab и перед коммитом проверьте, что таблицы, блоки кода и чек-листы отображаются правильно.

Документация и заметки

Пишите технические заметки, протоколы встреч или регламенты в Markdown: он читается как обычный текст и работает в Notion, Obsidian и Confluence.

Описания issue и pull request

Подготовьте длинный баг-репорт с шагами, фрагментами кода и списком задач, проверьте предпросмотр и вставьте его в трекер.

Markdown в HTML

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

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

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

GitHub Flavored Markdown (GFM): стандартный CommonMark плюс таблицы, списки задач, зачёркивание через ~~текст~~, блоки кода и автоссылки.

Можно ли использовать HTML внутри Markdown?+

Да, Markdown допускает HTML. Ради безопасности предпросмотр удаляет скрипты, iframe, обработчики вроде onclick и ссылки javascript:, поэтому вставленный контент не может выполнить код на странице.

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

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

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

Нет. Редактор работает в браузере и ничего не загружает. Скачайте файл .md, если хотите сохранить работу.