Giao diện và Thao tác Điều hướng

Sức mạnh lớn nhất của Obsidian-style Markdown Editor nằm ở khả năng dung hòa sự thanh lịch của một ứng dụng ghi chú hiện đại với tính chính xác, chặt chẽ của một môi trường phát triển (IDE).

1. Kiến trúc Giao diện Kép & Đồng bộ Cuộn Thông minh

Bạn không bao giờ bị khóa chặt vào một góc nhìn duy nhất. Tùy thuộc vào ngữ cảnh, bạn có thể chuyển đổi mượt mà giữa hai chế độ, và hệ thống sẽ tự động đồng bộ vị trí đọc (Scroll Sync):

• Live Editor (Trực quan): Chế độ mặc định được xây dựng trên lõi Milkdown. Tại đây, mọi cú pháp Markdown được render ngay lập tức (WYSIWYG), cho phép bạn soạn thảo trực tiếp trên văn bản đã định dạng. Bạn không cần bận tâm đến các thẻ đánh dấu, giúp duy trì dòng suy nghĩ liền mạch.
• Source Mode (Mã nguồn): Khi cần tinh chỉnh từng khoảng trắng, thẻ HTML, hoặc quản lý cấu trúc phức tạp, trình soạn thảo CodeMirror 6 sẽ cung cấp trải nghiệm highlight cú pháp chuẩn mực, quen thuộc với mọi lập trình viên.

2. Thanh công cụ (Toolbar) Toàn diện

Được ghim thanh lịch phía trên cùng, Toolbar giúp bạn truy cập nhanh tất cả các định dạng và tính năng mở rộng mà không cần nhớ phím tắt. Dưới đây là ý nghĩa và biểu tượng của từng nhóm thao tác:

• Lịch sử chỉnh sửa:
  • Menu Hoàn tác & Làm lại (Chứa tính năng Undo và Redo)
• Cấu trúc tài liệu (Headings):
  • ¶ Paragraph Dropdown Heading: Chuyển đổi linh hoạt giữa văn bản thường (Paragraph) và các cấp độ thẻ tiêu đề từ H1 đến H6.
• Định dạng văn bản cơ bản:
  • In đậm (Bold)
  • In nghiêng (Italic)
  • Gạch ngang (Strikethrough)
  • Trích dẫn (Blockquote)
  • Chú thích / Chỉ số trên (Footnote / Superscript)
• Mã nguồn:
  • Mã nguồn nội tuyến / Khối mã nguồn (Inline Code / Code block)
• Danh sách (Lists):
  • Menu Danh sách: Trình đơn thả xuống để chèn danh sách không thứ tự (Bullet), danh sách có thứ tự (Ordered), và danh sách công việc (Task list).
• Chèn Liên kết & Đa phương tiện:
  • Liên kết thường (Link)
  • Liên kết nội bộ Obsidian (Wikilink [[]])
  • Chèn Hình ảnh (Image)
  • Chèn Bảng biểu (Table)
  • Chèn Mục lục (Table of Contents)
• Hộp thông báo (Admonitions):
  • Menu Admonition: Trình đơn thả xuống để chèn các khối cảnh báo (Note, Tip, Important, Warning, Caution).
• Tiện ích & Xuất bản:
  • Tìm kiếm & Thay thế (Find & Replace)
  • Xuất bản PDF chuyên nghiệp (Export PDF)
  • Sao chép Rich Text định dạng sẵn (Copy HTML Clipboard)
• Điều khiển giao diện:
  • Menu Thu/Phóng (Zoom In / Zoom Out)
  • Bật/Tắt chế độ Mã nguồn (Toggle Source Mode)
  • Mở bằng VS Code Text Editor (Mở editor truyền thống)

3. Trình đơn Gõ nhanh (Slash Commands)

Lấy cảm hứng từ Notion và Obsidian, bạn chỉ cần gõ dấu / ở đầu dòng, một trình đơn (Slash menu) sẽ xuất hiện. Không cần rời tay khỏi bàn phím, bạn có thể chọn chèn nhanh các định dạng phổ biến:

• Tiêu đề (H1 - H3)
• Danh sách (Bullet, Ordered, Task List)
• Thành phần phức tạp: Blockquote, Code Block, Table, Image
• Cấu trúc đặc thù: YAML Frontmatter, Footnote

4. Hệ thống Phím tắt (Shortcuts)

Các phím tắt được thiết kế tinh tế giúp duy trì tốc độ gõ phím. Hệ thống tự động phân biệt giữa hệ điều hành Windows/Linux và macOS:

5. Tùy biến Cấu hình (Settings)

Extension cung cấp các thiết lập tại User/Workspace Settings, cho phép bạn tinh chỉnh môi trường theo đúng nhu cầu:

• markdownLive.language: Lựa chọn ngôn ngữ giao diện (hỗ trợ Tiếng Anh và Tiếng Việt).
• markdownLive.fontFamily: Chọn phông chữ (sans-serif hoặc serif).
• markdownLive.defaultMode: Định nghĩa chế độ khởi tạo (live hoặc source).
• markdownLive.syncScroll: Bật/Tắt tính năng đồng bộ cuộn.
• markdownLive.zoom: Cố định mức độ thu phóng (1.0 là 100%).
• markdownLive.enableSlashCommand: Bật/tắt trình đơn gọi nhanh.