Как пользоваться: Markdown в Webflow Rich Text
- Вставьте Markdown, например текст, написанный в ChatGPT, Claude, Notion или в README на GitHub, или перетащите файл
.md. - Проверьте предпросмотр и настройки. Первый H1 удаляется по умолчанию, потому что Webflow обычно выводит название страницы или элемента CMS как H1.
- Нажмите Копировать rich text (или сочетание Ctrl/⌘+Enter).
- В Webflow кликните внутри элемента Rich Text (на холсте или в поле rich text элемента CMS) и вставьте текст.
Зачем конвертировать Markdown перед вставкой в Webflow?
Инструменты для написания текстов на основе ИИ, Notion и документация для разработчиков создают Markdown: ## Заголовок, **жирный**, - пункт списка. Элемент Rich Text в Webflow не понимает синтаксис Markdown, поэтому при прямой вставке останутся решётки и звёздочки, которые придётся убирать вручную. Этот инструмент преобразует Markdown в HTML и помещает в буфер обмена форматированный текст, так же как при копировании с веб-страницы. Webflow получает настоящие заголовки, списки и ссылки.
Что переносится в Webflow
| Markdown | В Webflow Rich Text |
|---|---|
# – ###### заголовки | H1–H6 (первый H1 удаляется по умолчанию) |
Абзацы, **жирный**, *курсив* | Абзацы, жирный текст, курсив |
[текст](url) | Ссылки (при желании открываются в новой вкладке) |
Списки - и 1. | Маркированные и нумерованные списки |
Цитаты > | Блочные цитаты |
| Таблицы, блоки кода, изображения | Требуют дополнительных шагов, см. панель заметок |
Иерархия заголовков и SEO
На каждой странице должен быть один H1. В шаблонах CMS в Webflow название элемента обычно уже является H1, поэтому дополнительный H1 внутри текста создаёт дубликаты. Проверить любую страницу можно с помощью Heading Checker. Опция «Понизить заголовки» сдвигает все заголовки на один уровень вниз, если в черновике разделы начинаются с H2, а вам нужен H3.
Импорт большого количества статей
Для массового импорта используйте вывод в HTML: импорт CSV в CMS Webflow и API Webflow принимают HTML для полей Rich Text. Переносите весь блог? Инструмент Markdown в HTML создаёт полноценные HTML-документы и предоставляет дополнительные настройки.
Также ищут как: markdown в rich text, webflow rich text, webflow cms, вставить markdown, chatgpt в webflow, md в html, конвертер markdown webflow, markdown в webflow.
Инструменты, которые хорошо сочетаются с Markdown в Webflow Rich Text
- HTML в Markdown — Вставьте HTML или скопируйте текст прямо с веб-страницы, из Google Docs или письма, и получите аккуратный Markdown, который можно сразу использовать в README, вики или статическом сайте.
- Счётчик слов — Вставьте или напишите текст, чтобы сразу увидеть количество слов и символов, а также время чтения и произнесения, плотность ключевых слов и проверку длины для SEO-заголовков, мета-описаний и постов в соцсетях.
- SVG в Webflow — Вставьте SVG из Figma и скопируйте его в Webflow как настоящие Custom Elements.
- Редиректы с WordPress на Webflow — При переносе сайта с WordPress на Webflow меняется почти каждый URL: даты в путях блога, архивы /category/, закрывающие слэши и слаги страниц.