Chỉnh sửa Markdown trực quan và chế độ mã nguồn

Markdown Live Editor cung cấp hai cách làm việc trên cùng một tài liệu: chế độ trực quan để đọc và sửa nội dung đã định dạng, và chế độ mã nguồn để kiểm soát Markdown thô. Bạn có thể chuyển đổi theo từng tác vụ thay vì phải chọn cố định một chế độ.

Chế độ trực quan: chỉnh sửa trên tài liệu đã định dạng

Chế độ trực quan được xây dựng trên Milkdown¹. Tiêu đề, chữ nhấn mạnh, danh sách, bảng, mã, hình ảnh và các khối nội dung kỹ thuật được hiển thị ngay trong vùng soạn thảo.

Chế độ này phù hợp khi bạn cần:

Đọc và biên tập một tài liệu dài.
Rà soát nội dung AI tạo ra.
Tập trung vào câu chữ thay vì ký hiệu Markdown.
Kiểm tra bố cục bảng, sơ đồ hoặc công thức.
Chọn nội dung để gửi sang AI hoặc thêm ghi chú.

Chế độ mã nguồn: kiểm soát cú pháp Markdown

Chế độ mã nguồn sử dụng CodeMirror 6² và phù hợp khi cần:

Chỉnh phần thông tin YAML ở đầu file.
Kiểm tra khoảng trắng hoặc ký tự thoát.
Xử lý HTML và cấu trúc Markdown phức tạp.
Dán một khối Markdown lớn.
Sửa cú pháp mà chế độ trực quan chưa biểu diễn đầy đủ.

Khi chuyển đổi, tiện ích giữ vị trí đọc tương đối để bạn tiếp tục ở gần phần nội dung đang làm việc.

Quay lại VS Code Text Editor

Nút Open in Text Editor (Mở trong trình soạn thảo văn bản) mở file bằng trình soạn thảo mặc định của VS Code. Đây là lựa chọn phù hợp khi cần dùng tiện ích khác, xem mã nguồn thuần hoặc tiếp tục quy trình Git quen thuộc.

Thanh công cụ theo tác vụ

Thanh công cụ cung cấp các nhóm thao tác chính:

Hoàn tác và làm lại.
Đoạn văn và tiêu đề H1–H6.
Chữ đậm, chữ nghiêng, chữ gạch ngang và trích dẫn.
Mã trong dòng và khối mã.
Danh sách không thứ tự, có thứ tự và danh sách công việc.
Liên kết, liên kết nội bộ, hình ảnh và bảng.
Chú thích cuối trang, khối lưu ý và phần thông tin YAML đầu file.
Sao chép có định dạng, xem trước bản in và chuyển chế độ soạn thảo.

Bạn không cần nhớ mọi biểu tượng. Với thao tác thường dùng, phím tắt và trình đơn chèn nhanh sẽ nhanh hơn.

Chèn nội dung bằng trình đơn gõ nhanh

Trong chế độ trực quan, gõ / để mở trình đơn chèn nhanh. Trình đơn hỗ trợ tiêu đề, danh sách, danh sách công việc, trích dẫn, khối mã, bảng, hình ảnh, YAML và chú thích cuối trang.

Bạn có thể bật hoặc tắt trình đơn này bằng markdownLive.enableSlashCommand.

Tìm và thay thế trong chế độ trực quan

Tính năng tìm và thay thế hỗ trợ:

Tìm tất cả kết quả trong tài liệu.
Di chuyển đến kết quả trước hoặc sau.
Phân biệt chữ hoa và chữ thường.
Thay thế một kết quả.
Thay thế tất cả.

Điều này giúp bạn không cần chuyển sang chế độ mã nguồn chỉ để sửa lặp lại một thuật ngữ hoặc tên riêng.

Điều hướng bằng mục lục thu gọn

Mục lục thu gọn theo dõi các tiêu đề H1–H4 và cho phép nhảy đến từng phần. Khi không sử dụng, mục lục tự thu gọn để không chiếm thanh bên cố định; bạn có thể ghim nó trong lúc làm việc với tài liệu dài.

Phím tắt quan trọng

Tác vụ	macOS	Windows/Linux
Mở chế độ trực quan	`Cmd + Ctrl + Shift + M`	`Ctrl + Alt + Shift + M`
Gửi đoạn được chọn sang AI	`Cmd + Shift + L`	`Ctrl + Shift + L`
Chèn liên kết	`Cmd + K`	`Ctrl + K`
Chèn mẫu tài liệu	`Cmd + Shift + E`	`Ctrl + Shift + E`
Chèn bảng	`Cmd + Option + T`	`Ctrl + Shift + T`
Chèn khối mã	`Cmd + Option + C`	`Ctrl + Shift + C`
Chèn trích dẫn	`Cmd + Option + Q`	`Ctrl + Shift + Q`
Chèn ảnh	`Cmd + Option + I`	`Ctrl + Shift + I`
Tiêu đề 1–6	`Cmd + Option + 1–6`	`Ctrl + Shift + 1–6`

Tùy chỉnh giao diện

Tìm Markdown Live trong phần cài đặt của VS Code để chọn:

Ngôn ngữ giao diện en hoặc vi.
Phông chữ không chân hoặc có chân.
Chế độ bảng cuộn ngang hoặc tự xuống dòng.
Bật hoặc tắt trình đơn chèn nhanh.
Thư mục ghi chú, mẫu tài liệu và hình ảnh mặc định.

Tiếp theo: Cú pháp Markdown, Mermaid và LaTeX được hỗ trợ.

Milkdown là nền tảng mã nguồn mở dùng để xây trình soạn thảo Markdown trực quan. ↩
CodeMirror là thành phần soạn thảo mã nguồn chạy trong trình duyệt. ↩

Mục lục