Đánh dấu văn bản phong phú | Tài liệu - Trung Tâm Nhà Sáng Tạo Roblox

Giao diện văn bản phong phú sử dụng các thẻ đánh dấu đơn giản để định dạng các phần của một chuỗi bằng chữ đậm, chữ nghiêng, gạch chân, màu nền, biến thể đường viền và nhiều hơn thế. Bạn có thể áp dụng các thẻ định dạng vào các đối tượng TextLabel, TextButton và TextBox.

Kích hoạt văn bản phong phú

Bạn phải kích hoạt văn bản phong phú cho từng đối tượng thông qua thuộc tính RichText trong cửa sổ Thuộc tính, hoặc bằng cách đặt thuộc tính thành true trong LocalScript.


local title = Instance.new("TextLabel")
title.RichText = true

title.Text = "Sử dụng một <b>tiêu đề đậm</b>"

Khi chỉnh sửa thuộc tính Text của một đối tượng trong Studio, việc bật hoặc tắt hộp kiểm RichText trong cửa sổ Thuộc tính sẽ hiển thị chuỗi văn bản như một bản render cuối cùng. Điều này rất hữu ích để nhận diện và sửa chữa những lỗi trong bất kỳ các thẻ được hỗ trợ.

Việc địa phương hóa một trải nghiệm để hỗ trợ các ngôn ngữ khác sẽ loại bỏ các thẻ định dạng văn bản phong phú. Để đảm bảo định dạng hiển thị trên các ngôn ngữ khác, hãy áp dụng lại các thẻ một cách thủ công cho các chuỗi đã được địa phương hóa của bạn.

Các thẻ được hỗ trợ

Các thẻ văn bản phong phú tương tự như các thẻ XML/HTML và bạn phải bao gồm cả thẻ mở và thẻ đóng quanh văn bản đã định dạng.

Văn bản đã định dạng

Bạn cũng có thể lồng các thẻ bên trong nhau miễn là bạn đóng chúng theo thứ tự ngược lại so với cách bạn đã mở chúng.

Văn bản đã định dạng

Màu phông

Tôi muốn chiếc kẹo màu cam.
Tôi muốn chiếc kẹo màu cam.

Kích thước phông

Đây là kích thước lớn. Đây là kích thước nhỏ.

Kiểu phông

Đây là kiểu phông Michroma.

Tên kiểu phông/gia đình được liệt kê trên trang tham chiếu enum Font.

Gia đình phông

Đây là kiểu phông Michroma.

Tên kiểu phông/gia đình được liệt kê trên trang tham chiếu enum Font.

Độ dày phông

Đây là bình thường. Đây là nặng.
Đây là bình thường. Đây là nặng.

Độ dày phông có thể là một chuỗi không phân biệt chữ hoa chữ thường bao gồm Thin, ExtraLight, Light, Regular, Medium, SemiBold, Bold, ExtraBold, hoặc Heavy; nó cũng có thể là một số trong các bội số của 100 giữa 100 và 900.

Độ trong suốt phông

Văn bản ở 50% độ trong suốt.

Đường viền

Thông số	Thuộc tính tương đương	Giá trị ví dụ
color	UIStroke.Color	"rgb(255,125,0)", "#FF7800"
thickness hoặc th	UIStroke.Thickness	"1", "4", "0.5"
transparency hoặc tr	UIStroke.Transparency	"0", "0.5", "1"
joins	UIStroke.LineJoinMode	"round", "bevel", "miter"
sizing	UIStroke.StrokeSizingMode	"fixed", "scaled"

Bạn đã nhận <stroke color="#00A2FF" thickness="2" transparency="0.25" joins="miter">25 viên ngọc</stroke>.

Xem Cách sửa đổi giao diện UI để biết chi tiết về các tham số thẻ <stroke> như thickness và joins.

Chữ đậm

Văn bản trong đậm.

Chữ nghiêng

Văn bản nghiêng.

Gạch chân

Văn bản gạch chân.

Gạch ngang

Văn bản với <s>gạch ngang</s> áp dụng.

Ngắt dòng

Dòng mới xuất hiện sau câu này. Câu tiếp theo...

Viết hoa

<uppercase>Viết hoa</uppercase> làm cho từ trở nên nổi bật!
<uc>Viết hoa</uc> làm cho từ trở nên nổi bật!

Chữ cái nhỏ

Tên tôi là <smallcaps>Diva Dragonslayer</smallcaps>.
Tên tôi là <sc>Diva Dragonslayer</sc>.

Đánh dấu

Văn bản được đánh dấu.

Chú thích

Sau đây là một chú thích... và bây giờ là nhiều văn bản hơn...

Các dạng thoát

Nếu bạn muốn hiển thị một số ký tự như < hoặc > và loại trừ chúng khỏi việc được xem xét như một phần của các thẻ văn bản phong phú, bạn có thể viết chúng theo dạng thoát của chúng.

Ký tự	Dạng thoát	Ví dụ	Kết quả
<	<	10 < 100	10 < 100
>	>	100 > 10	100 > 10
"	"	Gặp "Diva Dragonslayer"	Gặp "Diva Dragonslayer"
'	'	Thú cưng của Diva là một con chim ưng!	Thú cưng của Diva là một con chim ưng!
&	&	Hiển thị một dạng thoát khác <b>&lt;</b> bằng cách thoát khỏi ký hiệu và	Hiển thị một dạng thoát khác < bằng cách thoát khỏi ký hiệu và