Trình tạo hộp văn bản
Bao bất kỳ văn bản nào trong một hộp hoặc viền được vẽ bằng các ký tự đường kẻ Unicode thuần. Gõ hoặc dán chữ của bạn, chọn kiểu khung, căn lề và khoảng đệm, rồi sao chép kết quả. Đây là văn bản thông thường chứ không phải hình ảnh, nên hộp dán được vào bình luận, README, code block, terminal hay chat — và không có gì rời khỏi trình duyệt của bạn.
Căn lề
Khoảng đệm
Cách sử dụng Khung Văn Bản
- 1
Gõ hoặc dán văn bản của bạn
Nhập văn bản bạn muốn đóng khung. Một dòng hay nhiều dòng — hộp sẽ giãn ra cho vừa với dòng rộng nhất.
- 2
Chọn một kiểu hộp
Chọn một khung như Đơn, Bo tròn, Đôi, Đậm, ASCII, Gạch đứt, Sao hay Khối cho hợp với nơi bạn sẽ dán nó vào.
- 3
Đặt căn lề và khoảng đệm
Căn văn bản sang trái, giữa hay phải bên trong hộp, và thêm khoảng đệm bên trong để các từ có một chút khoảng thở xung quanh.
- 4
Sao chép và dán
Văn bản trong hộp xuất hiện ngay lập tức ở bên dưới. Sao chép nó và thả vào một bình luận, README, code block, terminal hay chat.
Về việc vẽ hộp và viền quanh văn bản
Ký tự vẽ hộp là gì
Từ rất lâu trước khi có đồ họa, các terminal đã vẽ bảng, khung và menu bằng một khối ký tự Unicode đặc biệt được tạo ra dành riêng cho việc đó: các góc, các đường ngang và dọc, cùng những điểm nối ghép liền mạch thành một đường viền liên tục. Chính những ký tự ấy vẫn hoạt động trong mọi ứng dụng hiện đại, nên bạn có thể đóng khung một ghi chú hay một tiêu đề bằng một hình chữ nhật thật sự thay vì một hàng dấu gạch không khớp hẳn vào nhau ở các góc.
Vì mỗi ký hiệu là văn bản thông thường, một hộp bạn dựng ở đây không phải là hình ảnh. Nó sao chép và dán giống như bất kỳ từ ngữ nào khác, vẫn nguyên vẹn khi bị trích dẫn hay chỉnh sửa, và có thể được đọc bởi bất cứ thứ gì đọc được văn bản — đó là lý do văn bản trong hộp xuất hiện trong các tệp README, các công cụ dòng lệnh và chú thích mã nguồn ở khắp mọi nơi.
Nhìn vào bên trong khối Box Drawing của Unicode
Các ký hiệu đường kẻ đến từ một dải Unicode chuyên dụng có tên là khối Box Drawing, một tập hợp khoảng 128 ký tự được thiết kế trong thời kỳ của các terminal văn bản để phần mềm có thể vẽ ra các bảng và cửa sổ. Nó chứa bốn góc, các đường ngang và dọc, cùng những điểm nối hình chữ T và hình chữ thập, ở nhiều độ dày khác nhau: mảnh, đậm và đôi. Những góc bo tròn tạo nên vẻ mềm mại cho kiểu Bo tròn cũng nằm trong cùng khối này, đó là lý do đường cong gặp các đường thẳng một cách gọn gàng.
Biết rằng khối này tồn tại sẽ lý giải vì sao các khung ở đây nối với nhau hoàn hảo trong khi một đường viền gõ tay bằng dấu gạch và dấu cộng thì chẳng bao giờ được như vậy. Một ký hiệu góc trên bên trái thật sự được tạo ra để gặp một đường ngang thật sự ở đúng độ cao, nên hình chữ nhật khép lại mà không có khe hở — điều mà các phím gạch dưới và dấu sổ đứng trên bàn phím của bạn không thể nào hứa hẹn.
Chọn một kiểu và bố cục
Các kiểu khung định ra tâm trạng. Đơn và Bo tròn nhẹ nhàng, gọn gàng cho một ghi chú nhỏ; Đôi và Đậm thu hút sự chú ý hơn, hợp cho một tiêu đề hay một cảnh báo; ASCII là lựa chọn an toàn khi bạn không chắc nơi đến có hỗ trợ các ký tự đặc biệt hay không, vì nó chỉ dùng những phím cơ bản nhất. Sao và Khối mang tính trang trí và nổi bật trong một cuộc chat hay một biểu ngữ.
Căn lề và khoảng đệm điều khiển cách các từ nằm bên trong khung. Căn giữa hợp với một tiêu đề ngắn, trong khi căn trái vẫn tự nhiên cho một danh sách hay một câu văn. Một khoảng đệm bằng một hoặc hai sẽ thêm một lề trống để văn bản không chạm vào đường viền, điều này thường đọc dễ chịu hơn so với một khung ép sát vào các chữ cái.
Viền Unicode so với phương án dự phòng ASCII
Ở đây có hai họ khung, và việc chọn đúng họ chủ yếu phụ thuộc vào nơi mà hộp sẽ tồn tại. Các kiểu Unicode — Đơn, Bo tròn, Đôi và Đậm — vẽ ra những đường sắc nét, liên tục và trông đẹp nhất trong các ứng dụng hiện đại hỗ trợ trọn vẹn khối vẽ hộp, mà ngày nay là gần như ở mọi nơi. Kiểu ASCII thì cố tình mộc mạc hơn: nó dựng khung chỉ từ các phím cộng, trừ và sổ đứng, những ký tự mà mọi hệ thống đều đã hỗ trợ ngay từ buổi đầu.
Hãy tìm đến ASCII khi nơi đến đã cũ, chưa rõ, hoặc khắt khe về ký tự — một terminal đời cũ, một tệp cấu hình, một email dạng văn bản thuần, hay đoạn mã buộc phải giữ thuần ASCII. Các góc sẽ trông hơi vuông khối hơn một chút vì một dấu cộng đang làm thay việc của một ký hiệu góc thật sự, nhưng hộp được bảo đảm hiển thị giống nhau ở mọi nơi. Còn với mọi trường hợp khác, các kiểu Unicode cho ra một kết quả gọn gàng hơn.
Vì sao phông chữ monospace lại quan trọng, kèm một ví dụ minh họa
Một hộp được vẽ ra chỉ giữ được hình vuông vắn khi mọi ký tự chiếm cùng một độ rộng, vốn là đặc trưng định nghĩa của một phông chữ monospace, hay phông chữ rộng cố định. Trong thiết lập đó, đường trên cùng, đường dưới cùng và các thanh ở hai bên đều đo ra cùng một số cột, nên hình chữ nhật khép lại gọn ghẽ. Hãy gõ Hello trong công cụ này với khung Đơn và khoảng đệm bằng một, bạn sẽ nhận được một đường trên gồm các góc và dấu gạch, một dòng giữa hiện ra │ Hello │, và một đường dưới khớp với nó — ba hàng có các cạnh thẳng hàng hoàn hảo trong bất kỳ phông chữ mã nguồn nào.
Thả đúng cái hộp ấy vào một cuộc chat dùng phông chữ co giãn theo tỷ lệ thì ảo giác vỡ tan, vì một chữ cái mảnh như i chiếm ít chỗ hơn một chữ rộng như m, khiến đường viền bên phải trở nên lởm chởm. Cách khắc phục là đặt hộp ở nơi mà phông chữ rộng cố định ngự trị — một code block hay một terminal — chứ không phải thay đổi chính cái hộp.
Căn chỉnh những hộp chứa ký tự rộng
Phần lớn chữ cái và chữ số chiếm một cột, nhưng một số ký tự lại chiếm hai cột. Emoji, cùng chữ Trung, Nhật và Hàn, có độ rộng gấp đôi trong một terminal, nên công cụ có thể đếm chúng là một ký tự trong khi màn hình vẽ chúng trải ra hai cột. Kết quả là một hộp có cạnh phải trông lệch đi một cột dù văn bản nền bên dưới vẫn vuông vắn — phép đếm thì đúng, nhưng phần hiển thị lại rộng hơn.
Đây là một đặc tính của cách các phông chữ hiển thị những hệ chữ viết đó, chứ không phải một khiếm khuyết của hộp. Nếu một khung quanh emoji hoặc chữ CJK trông méo lệch, một kiểu Đơn hay ASCII thuần dung nạp sự khác biệt đó tốt nhất, và thêm một chút khoảng đệm có thể che đi độ trôi lệch một cột. Để có kết quả vuông vắn hoàn hảo, hãy giữ nội dung ở các ký tự có độ rộng đơn.
Dùng văn bản trong hộp cho hiệu quả
Văn bản trong hộp tỏa sáng khi nó đánh dấu một thứ gì đó — một tiêu đề ở đầu một tệp README, một ghi chú trong chú thích mã nguồn, một biểu ngữ ASCII trong một chương trình terminal, hay một thông điệp được làm nổi bật trong một code block trên diễn đàn. Hãy tìm đến một hộp khi một khối văn bản xứng đáng có một khung hữu hình, và giữ nội dung ngắn gọn để hình chữ nhật vẫn ở một độ rộng hợp lý.
Quy tắc duy nhất quan trọng là phông chữ. Một hộp chỉ giữ được hình vuông vắn trong một thiết lập monospace, nên hãy dán nó ở nơi dùng phông chữ rộng cố định, và ưu tiên một kiểu đường kẻ đơn giản nếu bạn không thể chắc chắn. Trên GitHub, Discord, Reddit và Slack thì điều đó có nghĩa là bọc hộp trong một code block, vốn bắt buộc dùng phông chữ rộng cố định và giữ cho mọi cạnh thẳng hàng.
Câu hỏi thường gặp
Trình tạo hộp văn bản là gì?
Tôi sao chép hộp như thế nào?
Văn bản trong hộp trông đẹp nhất ở đâu?
Tại sao hộp trông méo mó trong một số ứng dụng?
Sự khác biệt giữa các kiểu là gì?
Văn bản của tôi có bị gửi đi đâu không?
Công cụ liên quan
Tiếp tục với những công cụ hữu ích này