# Nội dung văn bản

## 1. Mục tiêu

Giúp người thiết kế thay đổi nội dung văn bản một cách nhanh chóng và chính xác thông qua bảng điều khiển thuộc tính. Mục tiêu chính là tách biệt việc chỉnh sửa nội dung thô (Content) khỏi việc điều chỉnh định dạng (Style), giúp quá trình biên tập trở nên tập trung, tránh những thao tác nhầm lẫn trực tiếp trên giao diện kéo thả.

## 2. Khi nào dùng

Bạn nên sử dụng Content Input trong các kịch bản sau:

* Chỉnh sửa văn bản phức tạp: Khi đoạn văn bản trên màn hình chính quá nhỏ hoặc nằm trong các lớp (layers) khó chọn trực tiếp.
* Đảm bảo tính nhất quán: Khi bạn muốn kiểm tra chính xác nội dung chữ trước khi áp dụng các hiệu ứng màu sắc hoặc font chữ.
* Thay đổi nội dung hàng loạt: Khi cần thay đổi nhanh các nhãn (Labels) hoặc tiêu đề ngắn gọn mà không muốn làm di chuyển các thành phần xung quanh.
* Tích hợp dữ liệu: Sử dụng khi cần nhập các đoạn mã hoặc văn bản có ký tự đặc biệt mà trình soạn thảo trực tiếp trên màn hình có thể gây lỗi hiển thị.

## 3. Các bước thực hiện

Để sử dụng ô nhập nội dung này, bạn thực hiện theo trình tự sau:

<figure><img src="/files/qbYmYP6rsH6dytdKxM8M" alt=""><figcaption></figcaption></figure>

* Bước 1: Chọn thành phần văn bản hoặc nhãn (Label) bạn muốn thay đổi trên giao diện builder.
* Bước 2: Quan sát bảng thuộc tính ở phía bên phải màn hình và tìm đến mục Content.
* Bước 3: Chọn vào ô nhập văn bản và bắt đầu nhập nội dung mới hoặc dán đoạn văn bản đã chuẩn bị sẵn.
* Bước 4: Nội dung trên màn hình chính sẽ tự động cập nhật tương ứng theo từng ký tự bạn nhập vào ô này.
* Bước 5: Kiểm tra lại hiển thị trên giao diện thực tế để đảm bảo độ dài văn bản mới không làm vỡ bố cục thiết kế.

## 4. Lưu ý

* Tự động cập nhật: Mọi thay đổi trong ô Content Input đều có hiệu lực ngay lập tức, vì vậy hãy chắc chắn về nội dung trước khi rời khỏi ô nhập.
* Giới hạn ký tự: Đối với các thành phần như nút bấm (Button) hoặc nhãn ngắn, bạn nên kiểm tra xem văn bản mới có quá dài khiến thành phần đó bị tràn khung hay không.
* Ký tự đặc biệt: Nếu bạn muốn xuống dòng trong một số trường hợp đặc biệt, hãy kiểm tra xem hệ thống có hỗ trợ phím `Enter` hay cần dùng mã HTML `<br>` trong ô nhập này.
* Xóa nội dung: Biểu tượng dấu `x` bên cạnh nội dung (trong hình) giúp bạn xóa nhanh toàn bộ văn bản hiện có để nhập mới từ đầu.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.mhiring.vn/mcms/thiet-ke-van-ban/kieu-chu/noi-dung-van-ban.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.