> ## 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.

# Mở trình chỉnh sửa mẫu

> Trình chỉnh sửa mẫu mở toàn màn hình trên trang Mẫu, với trình chỉnh sửa trực quan cho các khối và trình chỉnh sửa mã cho Liquid và HTML.

Trình chỉnh sửa mẫu là nơi bạn thay đổi giao diện của chứng từ và nội dung được in. Trình chỉnh sửa mở trong một cửa sổ toàn màn hình trên trang **Mẫu**. Hầu hết các mẫu có thể được chỉnh sửa theo hai cách: trình chỉnh sửa **Trực quan**, nơi bạn tạo chứng từ từ các khối mà không cần viết mã, và trình chỉnh sửa **Mã**, nơi bạn chỉnh sửa trực tiếp Liquid và HTML của mẫu. Dù bạn thay đổi gì, bản xem trước trang cũng cập nhật theo trong lúc bạn làm việc.

![Trình chỉnh sửa mẫu ở chế độ Trực quan](https://mintcdn.com/foliant-dev/AoWxppgqeHqT1nDZ/template-editor/images/editor-overview.png?fit=max\&auto=format\&n=AoWxppgqeHqT1nDZ\&q=85\&s=4c16c3872dcf20e9f32165be1563b3b2)

## Mở trình chỉnh sửa

1. Trong Foliant, bạn vào **Mẫu**.
2. Mở menu **Thao tác** của mẫu và chọn **Chỉnh sửa mẫu**. Bạn cũng có thể mở trang **Cài đặt** của mẫu và nhấp vào **Chỉnh sửa mẫu** tại đó.

Trình chỉnh sửa luôn mở một mẫu đã có sẵn. Để tạo mẫu mới, trước tiên bạn dùng **Tạo mẫu** trên trang Mẫu (xem [Tạo mẫu](https://foliant-help.iforiti.com/vi/templates/create-a-template.md)). Trình chỉnh sửa sẽ mở mẫu mới ngay khi mẫu được tạo.

Để đóng trình chỉnh sửa, bạn dùng nút đóng của cửa sổ trong trang quản trị Shopify. Bạn sẽ quay lại trang trước đó.

## Những gì bạn thấy

**Thanh trên cùng** hiển thị tên mẫu và các thao tác sau:

| Thao tác | Chức năng |
| - | - |
| **Lịch sử** | Mở lịch sử phiên bản của mẫu. Khi lịch sử đang mở, nút này hiển thị **Quay lại trình chỉnh sửa**. |
| **Xuất bản** | Hiển thị thay cho Lịch sử làm nút chính khi **Yêu cầu xuất bản** đang bật và mẫu có bản nháp chưa xuất bản. Xem [Lưu thay đổi và xuất bản](https://foliant-help.iforiti.com/vi/template-editor/save-and-publish.md). |
| **Cài đặt mẫu** | Đóng trình chỉnh sửa và mở trang cài đặt của mẫu: ai nhận mẫu, tên, loại chứng từ, ngôn ngữ và cách gửi. |
| **Xem các khối dưới dạng JSON** | Chỉ dành cho mẫu trực quan. Hiển thị các khối dưới dạng dữ liệu để bạn xuất hoặc nhập. Xem [Xuất và nhập khối dưới dạng JSON](https://foliant-help.iforiti.com/vi/template-editor/export-import-blocks.md). |
| **Thay bằng mẫu khởi đầu…** | Thay toàn bộ mẫu bằng một mẫu khởi đầu hoặc thiết kế có sẵn. Không có gì thay đổi cho đến khi bạn lưu. |
| **Xóa** | Xóa mẫu sau khi bạn xác nhận. |

**Hàng bên dưới thanh trên cùng** gồm:

* Nút chuyển chế độ: **Trực quan** và **Mã**. Xem [Chuyển giữa Trực quan và Mã](https://foliant-help.iforiti.com/vi/template-editor/visual-and-code-modes.md).
* **Giấy**, **Ngôn ngữ tài liệu**, **Ngôn ngữ thứ hai** (mẫu mã) và **Định dạng số** của chứng từ. Các tùy chọn này được lưu cùng mẫu. Xem [Xem trước, khổ giấy và thu phóng](https://foliant-help.iforiti.com/vi/template-editor/preview-paper-and-zoom.md) và [Ngày, ngôn ngữ và bản dịch](https://foliant-help.iforiti.com/vi/template-editor/liquid-dates-and-languages.md).
* Huy hiệu **Đã xuất bản** hoặc **Bản nháp — thay đổi chưa xuất bản**, khi bắt buộc phải xuất bản.
* Huy hiệu **Thay đổi chưa lưu** khi bạn có thay đổi cần lưu.
* Trong trình chỉnh sửa trực quan: **Hoàn tác**, **Làm lại**, **Kiểu chứng từ** và số lượng khối.

**Khu vực chính** tùy theo chế độ:

* **Trực quan**: bảng khối ở bên trái, trang ở giữa và bảng kiểm tra ở bên phải. Xem [Thêm, di chuyển và xóa khối](https://foliant-help.iforiti.com/vi/template-editor/add-and-arrange-blocks.md).
* **Mã**: trình chỉnh sửa mã ở bên trái, kèm tài liệu tham khảo **Biến Liquid** và **Siêu trường thông tin**, và bản xem trước trực tiếp ở bên phải. Xem [Chỉnh sửa mã của mẫu](https://foliant-help.iforiti.com/vi/template-editor/code-editor.md).

Phía trên trang, bạn cũng sẽ thấy **Xem trước PDF**, nút **Hình mờ: bật** / **Hình mờ: tắt** (xem [Thêm hình mờ hoặc con dấu](https://foliant-help.iforiti.com/vi/template-editor/watermarks.md)), bộ chọn đơn hàng để xem trước và các nút thu phóng.

## Mẫu mở trong trình chỉnh sửa nào

* Mẫu được tạo từ các khối sẽ mở ở chế độ **Trực quan** nếu gói của bạn có trình chỉnh sửa trực quan. Nếu không, mẫu sẽ mở ở chế độ **Mã**. Xem [Gói có trình chỉnh sửa trực quan](https://foliant-help.iforiti.com/vi/template-editor/visual-editor-plans.md).
* Mẫu được viết bằng mã sẽ mở ở chế độ **Mã**. Bạn có thể chuyển mẫu đó thành các khối bằng thẻ **Trực quan**.
* Mẫu được tạo từ một thiết kế đã mua sẽ mở trong trình chỉnh sửa thiết kế. Xem [Tùy chỉnh thiết kế](https://foliant-help.iforiti.com/vi/designs/customize-a-design.md).

## Lưu ý

* Các liên kết dẫn ra ngoài trình chỉnh sửa (như **Cài đặt mẫu**, cài đặt thương hiệu hoặc trang Gói) sẽ đóng cửa sổ. Nếu bạn có thay đổi chưa lưu, Foliant sẽ hỏi bạn chọn **Lưu và tiếp tục** hoặc **Hủy và tiếp tục** trước.
* Với mẫu hóa đơn và mẫu giấy báo có đã phát hành chứng từ, một biểu ngữ sẽ nhắc bạn rằng thay đổi chỉ áp dụng cho các chứng từ phát hành từ bây giờ. Xem [Khóa hóa đơn đã phát hành](https://foliant-help.iforiti.com/vi/invoices-and-numbering/locked-invoices.md).
* Các mẫu in một chứng từ cho tất cả đơn hàng đã chọn (bảng kê, bản tóm tắt đơn hàng, danh sách lấy hàng) có khối và trường riêng. Bản xem trước của các mẫu này dùng ba đơn hàng mẫu, và các khối không thể có điều kiện.

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

* [Chuyển giữa Trực quan và Mã](https://foliant-help.iforiti.com/vi/template-editor/visual-and-code-modes.md)
* [Thêm, di chuyển và xóa khối](https://foliant-help.iforiti.com/vi/template-editor/add-and-arrange-blocks.md)
* [Chỉnh sửa mã của mẫu](https://foliant-help.iforiti.com/vi/template-editor/code-editor.md)
* [Lưu thay đổi và xuất bản](https://foliant-help.iforiti.com/vi/template-editor/save-and-publish.md)
* [Tạo mẫu](https://foliant-help.iforiti.com/vi/templates/create-a-template.md)


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