Руководство по использованию конвертера Markdown в HTML

Быстрый старт

1. Посетите страницу /markdown-to-html/
2. Введите или вставьте Markdown-код в левый редактор
3. Предварительный просмотр преобразованного HTML автоматически отобразится справа
4. Используйте кнопку копирования или загрузки для сохранения результата

Описание функций

Режимы преобразования

• Преобразование в реальном времени: Автоматическое преобразование при вводе Markdown (по умолчанию)
• Ручное преобразование: Преобразование при нажатии кнопки преобразования

Параметры преобразования

• Поддержка GFM: Включить синтаксис расширения GitHub Flavored Markdown
• Настраиваемый формат: Формат вывода Markdown можно настроить

Кнопки действий

• Вставить пример: Вставить пример Markdown-кода для тестирования
• Очистить: Очистить весь контент
• Копировать: Скопировать результат HTML в буфер обмена
• Загрузить: Загрузить преобразованный файл .html

Поддерживаемые элементы Markdown

Базовые элементы

• Заголовки: # H1 - ###### H6
• Параграфы: Обычный текст
• Выделение: **Жирный**, *Курсив*
• Ссылки: [Текст](URL)
• Изображения: ![alt](URL)
• Списки: - Неупорядоченные, 1. Упорядоченные
• Код: `Встроенный`, Блок кода

Расширенные элементы

• Таблицы: | Столбец1 | Столбец2 |
• Цитаты: > Содержимое цитаты
• Горизонтальная линия: ---
• Зачеркнутый: ~~Зачеркнутый~~

GitHub Flavored Markdown (GFM)

• Списки задач: - [ ] Не выполнено, - [x] Выполнено
• Таблицы
• Зачеркнутый текст
• Автоматические ссылки

Советы по использованию

1. Сложный Markdown: Для сложных Markdown-структур рекомендуется преобразовывать по разделам
2. Преобразование таблиц: Убедитесь, что структура таблицы полная и используются правильные разделители
3. Блоки кода: Используйте три обратных кавычки для обертывания блоков кода и укажите язык
4. Обработка ссылок: Относительные ссылки остаются неизменными

Примеры кода

Базовый Markdown

# Заголовок

Это параграф, содержащий **жирный** и *курсивный* текст.

## Списки

- Элемент 1
- Элемент 2
- Элемент 3

### Код

```javascript
function hello() {
  console.log("Hello, World!");
}

Ссылки и изображения

Посетить пример сайта

### Пример таблицы
```markdown
| Функция | Поддержка | Описание |
|------|------|------|
| Заголовки | ✅ | H1-H6 |
| Списки | ✅ | Упорядоченные и неупорядоченные |
| Код | ✅ | Встроенный и блок |
| Таблицы | ✅ | Расширение GFM |

Примечания

• Все преобразования выполняются локально в браузере и не загружаются на сервер
• Некоторые сложные Markdown-структуры могут быть преобразованы не идеально
• Рекомендуется проверить результат после преобразования и при необходимости настроить
• Поддерживает весь стандартный синтаксис Markdown и расширения GFM