> ## Documentation Index
> Fetch the complete documentation index at: https://foliant-help.iforiti.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Chuyển đổi giữa Trực quan và Mã

> Chuyển mẫu mã sang khối, chỉnh sửa mã của mẫu trực quan, và điều gì xảy ra với công việc của bạn khi bạn chuyển lại.

Mọi mẫu bên dưới đều là Liquid và HTML. Trình chỉnh sửa **Trực quan** tạo mã đó cho bạn từ các khối và kiểu tài liệu. Trình chỉnh sửa **Mã** hiển thị chính mã đó. Bạn chuyển đổi bằng các tab **Trực quan** và **Mã** ở đầu trình chỉnh sửa. Foliant không bao giờ bỏ mã khi bạn chuyển đổi: phần nào không thể biến thành khối thông thường sẽ được giữ thành khối **Liquid tùy chỉnh**.

## Trước khi bắt đầu

Tab **Trực quan** tùy thuộc vào gói của bạn. Nếu gói của bạn không có tab này, tab sẽ hiển thị gói có bao gồm nó, và trình chỉnh sửa mã vẫn hoạt động như bình thường. Xem [Các gói có trình chỉnh sửa trực quan](https://foliant-help.iforiti.com/vi/template-editor/visual-editor-plans.md).

## Chuyển mẫu mã sang khối

1. Mở mẫu trong trình chỉnh sửa. Mẫu sẽ mở ở chế độ **Mã**.
2. Nhấp vào tab **Trực quan**. Hộp thoại **Chuyển sang trực quan** sẽ mở ra.
3. Chọn cách bắt đầu:

| Tùy chọn | Điều gì xảy ra |
| - | - |
| **Bắt đầu từ bố cục khối** | Chọn một **Bố cục** (ví dụ **Hóa đơn**, **Phiếu đóng gói** hoặc **Phiếu trả hàng**) và nhấp vào **Dùng bố cục khối**. Mã hiện tại của bạn sẽ được thay bằng bố cục đó. Trước khi bạn lưu, **Hủy** sẽ khôi phục mã của bạn. Sau khi lưu, mã vẫn còn trong lịch sử phiên bản. |
| **Giữ mã của tôi thành khối Liquid tùy chỉnh** | Nhấp vào **Giữ mã của tôi**. Mã của bạn được giữ lại, và bạn có thể thêm khối mới xung quanh. Foliant biến các phần mà nó nhận ra (như phần đầu trang, địa chỉ, bảng mặt hàng hoặc tổng tiền) thành khối thông thường khi chúng in cùng chi tiết đơn hàng, và giữ mọi phần còn lại thành khối Liquid tùy chỉnh, ở đúng vị trí. |

4. Kiểm tra trang, rồi lưu.

Các bố cục được đề xuất tùy thuộc vào mẫu: một tài liệu cho mỗi đơn hàng (Hóa đơn, Giấy báo có, Báo giá, Phiếu đóng gói, Phiếu trả hàng, Hóa đơn thương mại, Đơn đặt hàng, Tài liệu đơn hàng chung, Nhãn vận chuyển, Biên lai) hoặc một tài liệu cho tất cả đơn hàng đã chọn (Danh sách lấy hàng, Tóm tắt đơn hàng). Bố cục của một loại tài liệu sẽ gán loại đó cho mẫu chưa có loại, nên mẫu dùng bố cục hóa đơn sẽ được đánh số như hóa đơn.

## Xem hoặc chỉnh sửa mã của mẫu trực quan

1. Trong mẫu trực quan, nhấp vào tab **Mã**. Bạn sẽ thấy **Liquid đã biên dịch**: mã mà Foliant tạo từ các khối và kiểu tài liệu của bạn. Mã này chỉ đọc.
2. Để thay đổi, nhấp vào **Chỉnh sửa mã**. Từ lúc này, trình chỉnh sửa mã được kích hoạt và khi lưu, bạn sẽ lưu mã của mình.
3. Khi bạn lưu, Foliant đọc lại các khối từ mã của bạn, nên mẫu vẫn là mẫu trực quan.

Bạn cũng có thể mở mã đã biên dịch của một khối: chọn khối đó và nhấp vào **Xem mã Liquid đã biên dịch** trong tab **Nội dung** của khối.

## Chuyển lại Trực quan sau khi chỉnh sửa mã

Nhấp vào tab **Trực quan**. Foliant đọc các khối từ mã của bạn:

* Các khối có mã không bị thay đổi sẽ trở lại như cũ.
* Nếu một phần mã không còn khớp với khối của nó, hoặc được viết bên ngoài mọi khối, hộp thoại **Chuyển lại chế độ Trực quan?** sẽ liệt kê các phần đó trong **Các phần được giữ dưới dạng Liquid tùy chỉnh**, kèm lý do:
  * **Mã đã chỉnh sửa**: mã của khối đã thay đổi, nên khối trở thành khối Liquid tùy chỉnh.
  * **Viết bên ngoài mọi khối**: mã mới bạn thêm vào giữa các khối.
* Nhấp vào **Chuyển sang Trực quan** để tiếp tục, hoặc **Ở lại Liquid** để tiếp tục chỉnh sửa mã.

Không có gì bị xóa, và bạn có thể hoàn tác việc chuyển đổi. Bạn cần sửa mọi lỗi mã trước khi có thể chuyển đổi.

## Thay mẫu bằng mẫu khởi đầu

**Thay bằng mẫu khởi đầu…** trên thanh trên cùng sẽ thay toàn bộ nội dung trong trình chỉnh sửa bằng một mẫu khởi đầu hoặc thiết kế. Các mẫu khởi đầu là mẫu mã, nên mẫu trực quan sẽ trở thành mẫu mã. Không có gì thay đổi cho đến khi bạn lưu, và **Hủy** sẽ khôi phục nội dung trước đó của bạn.

## Cần biết

* Bạn có thể di chuyển, định kiểu và đặt điều kiện cho khối Liquid tùy chỉnh như mọi khối khác. Mã của khối được in đúng như đã viết.
* Việc chuyển đổi áp dụng cho từng mẫu và chỉ diễn ra khi bạn chọn.
* Mẫu được tạo từ thiết kế đã mua dùng trình chỉnh sửa thiết kế và không thể chuyển sang Trực quan hoặc Mã tại đây.

## Bài viết liên quan

* [Mở trình chỉnh sửa mẫu](https://foliant-help.iforiti.com/vi/template-editor/editor-overview.md)
* [Chỉnh sửa mã của mẫu](https://foliant-help.iforiti.com/vi/template-editor/code-editor.md)
* [Tham khảo khối](https://foliant-help.iforiti.com/vi/template-editor/block-catalogue.md)
* [Các gói có trình chỉnh sửa trực quan](https://foliant-help.iforiti.com/vi/template-editor/visual-editor-plans.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.