Cách dùng Markdown sang Webflow Rich Text
- Dán Markdown, ví dụ một bài viết soạn trong ChatGPT, Claude, Notion hoặc README trên GitHub, hoặc kéo thả một tệp
.md. - Kiểm tra bản xem trước và các tùy chọn. H1 đầu tiên sẽ bị xóa mặc định vì Webflow thường tự xuất tên trang hoặc mục CMS làm H1.
- Nhấn Copy rich text (hoặc nhấn Ctrl/⌘+Enter).
- Trong Webflow, nhấp vào bên trong một phần tử Rich Text (trên canvas hoặc trong trường rich text của mục CMS) rồi dán.
Vì sao cần chuyển Markdown trước khi dán vào Webflow?
Các công cụ viết bằng AI, Notion và tài liệu dành cho lập trình viên đều tạo ra Markdown, ví dụ ## Tiêu đề, **in đậm**, - mục danh sách. Phần tử Rich Text của Webflow không hiểu cú pháp Markdown, nên nếu dán trực tiếp, bạn sẽ phải tự xóa từng dấu thăng và dấu sao. Công cụ này chuyển Markdown sang HTML và đưa lên clipboard dưới dạng văn bản có định dạng, giống như khi sao chép từ một trang web. Nhờ vậy, Webflow nhận được đúng tiêu đề, danh sách và liên kết.
Những gì được giữ lại trong Webflow
| Markdown | Trong Webflow Rich Text |
|---|---|
# – ###### tiêu đề | H1–H6 (H1 đầu tiên bị xóa mặc định) |
Đoạn văn, **in đậm**, *in nghiêng* | Đoạn văn, in đậm, in nghiêng |
[text](url) | Liên kết (có thể mở trong tab mới) |
Danh sách - và 1. | Danh sách không thứ tự và có thứ tự |
Trích dẫn > | Khối trích dẫn |
| Bảng, khối code, hình ảnh | Cần thêm bước xử lý, xem phần ghi chú |
Cấu trúc tiêu đề và SEO
Mỗi trang nên có một H1. Với mẫu CMS của Webflow, tên mục thường đã là H1, nên thêm một H1 khác trong nội dung sẽ tạo ra H1 trùng lặp. Hãy kiểm tra bất kỳ trang nào bằng Heading Checker. Tùy chọn “Hạ cấp tiêu đề” sẽ giảm mọi tiêu đề xuống một cấp nếu bản nháp bắt đầu bằng H2 cho các phần nhưng bạn cần H3.
Nhập hàng loạt bài viết
Khi nhập nhiều bài, hãy dùng kết quả HTML. Tính năng nhập CSV của CMS Webflow và Webflow API đều chấp nhận HTML cho các trường Rich Text. Đang chuyển cả blog? Công cụ Markdown sang HTML cung cấp tài liệu HTML đầy đủ và nhiều tùy chọn hơn.
Cũng được tìm dưới tên: markdown sang rich text, webflow rich text, webflow cms, dán markdown, chatgpt sang webflow, md sang html, chuyển markdown sang webflow, markdown webflow.
Các công cụ dùng kèm tốt với Markdown sang Webflow Rich Text
- Chuyển HTML sang Markdown — Dán HTML — hoặc sao chép trực tiếp văn bản rich text từ trang web, Google Doc hay email — rồi nhận Markdown gọn gàng để đưa vào README, wiki hoặc static site.
- Đếm từ — Dán hoặc gõ văn bản để đếm từ và ký tự theo thời gian thực, kèm thời gian đọc và thời gian nói, mật độ từ khóa và kiểm tra độ dài cho tiêu đề SEO, mô tả meta và bài đăng mạng xã hội.
- SVG sang Webflow — Dán SVG từ Figma và sao chép sang Webflow dưới dạng Custom Elements thật.
- Chuyển hướng WordPress sang Webflow — Chuyển website từ WordPress sang Webflow sẽ thay đổi hầu hết các URL: đường dẫn bài viết có ngày tháng, trang lưu trữ /category/, dấu gạch chéo cuối và slug của trang.