Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
Welcome to Markdown Preview
Write Markdown on the left, see the rendered result on the right.
Features
- Live preview — updates as you type
- GFM support — tables, task lists, strikethrough, and more
- Syntax highlighting — in code blocks
- File import — open .md files
- HTML export — download a standalone HTML file
Example: Code block
function greet(name: string): string {
return `Hello, ${name}! 👋`;
}
Example: Table
| Feature | Status |
|---|---|
| GFM tables | ✅ |
| Task lists | ✅ |
| Syntax highlight | ✅ |
| HTML export | ✅ |
Example: Task list
- Markdown preview
- Syntax highlighting
- PDF export (coming later)
Start editing to see the live preview!
Что такое Markdown и как работает предпросмотр?
Markdown — облегчённый язык разметки, который превращает обычный текст в структурированный HTML. Вместо тегов вы ставите несколько знаков: # для заголовков, ** для жирного, - для списков, | для таблиц. Редактор перерисовывает исходник при каждом нажатии клавиши, поэтому готовый документ виден прямо во время набора.
Типичный фрагмент начинается с '# Release notes' — это станет <h1>, затем '## Fixes' превращается в <h2>, а '- Fixed login' — в пункт списка. Таблица в стиле GitHub использует вертикальные черты и строку-разделитель: '| Field | Type |', затем '| --- | --- |', затем '| id | string |'. Инструмент поддерживает такой синтаксис GFM, чек-листы вида - [x], блоки кода с подсветкой языка и inline-ссылки, а результат экспортирует в чистый HTML или обратно в Markdown.
Как пользоваться предпросмотром Markdown
- Введите или вставьте Markdown в редактор — предпросмотр обновляется по мере ввода.
- Переключайте режимы «Код и предпросмотр», «Только код» и «Только предпросмотр».
- Импортируйте готовый .md-файл или экспортируйте результат в HTML, а исходник — в Markdown.
- Для длинных документов включите полноэкранный режим, а кнопкой «Очистить» начните заново.
Частые вопросы о Markdown
Какой диалект Markdown поддерживается?
GitHub Flavoured Markdown (GFM): таблицы, чек-листы, зачёркивание, автоссылки и блоки кода — вдобавок к основам CommonMark.
Безопасно ли публиковать экспортированный HTML?
Предпросмотр рендерится локально, а экспорт содержит стандартные элементы, но перед публикацией всегда проверяйте результат и очищайте контент из ненадёжных источников.
Можно ли редактировать существующий README?
Да — импортируйте .md-файл, отредактируйте его в редакторе и снова экспортируйте в Markdown. Инструмент не загружает содержимое на сервер.
