Cách Nhanh Chóng Tối Ưu Bố Cục Tiếng Việt
HowieHz
2024-12-19
Kinh nghiệm tích lũy > Vận hành Blog > Thực hành Công nghệ
🌍 Tiếng Việt giản thể
233
Cách tối ưu thủ công là dựa vào Hướng dẫn bố cục văn bản tiếng Việt, sao chép hoặc sáng tạo một bộ quy tắc bố cục riêng cho mình, và sử dụng nó như phương pháp luận để hướng dẫn việc sắp xếp nội dung trang web.
Cách tối ưu nhanh chóng hơn là sử dụng các công cụ sẵn có. Tài liệu Hướng dẫn bố cục văn bản tiếng Việt đã cung cấp nhiều công cụ liên quan mà bạn có thể tham khảo.
Dưới đây là danh sách một số thư viện và công cụ phổ biến:
| Kho | Loại | Ngôn ngữ |
|---|---|---|
| pangu.js | pangu | JavaScript |
| pangu-go | pangu | Go |
| pangu.java | pangu | Java |
| pangu.py | pangu | Python |
| pangu.rb | pangu | Ruby |
| pangu.php | pangu | PHP |
| pangu.vim | pangu | Vim |
| vue-pangu | pangu | Vue.js (Web Converter) |
| intellij-pangu | pangu | Intellij Platform Plugin |
| autocorrect | autocorrect | Rust, WASM, CLI tool |
| autocorrect-node | autocorrect | Node.js |
| autocorrect-py | autocorrect | Python |
| autocorrect-rb | autocorrect | Ruby |
| autocorrect-java | autocorrect | Java |
| autocorrect-go | autocorrect | Go |
| autocorrect-php | autocorrect | PHP |
| autocorrect-vscode | autocorrect | VS Code Extension |
| autocorrect-idea-plugin | autocorrect | Intellij Platform Plugin |
| jxlwqq/chinese-typesetting | khác | PHP |
| sparanoid/space-lover | khác | PHP (WordPress) |
| sparanoid/grunt-auto-spacing | khác | Node.js (Grunt) |
| hjiang/scripts/add-space-between-latin-and-cjk | khác | Python |
| hustcc/hint | khác | Python |
| n0vad3v/Tekorrect | khác | Python |
Bài viết này sẽ giới thiệu ngắn gọn ba công cụ phổ biến nhất, hy vọng giúp bạn dễ dàng lựa chọn.
AutoCorrect
🎯 Mục tiêu của AutoCorrect là cung cấp một giải pháp chuẩn hóa chỉnh sửa văn bản. Điều này giúp ứng dụng trong nhiều tình huống khác nhau (ví dụ: viết sách, tài liệu, xuất bản nội dung, mã nguồn dự án…), giúp người dùng dễ dàng đạt được kết quả văn bản chuẩn mực và chuyên nghiệp.
Liên kết dự án: huacnlee/autocorrect
AutoCorrect là một công cụ định dạng mã nguồn và kiểm tra lỗi (Lint) nhằm cải thiện khoảng trắng và dấu câu giữa văn bản tiếng Việt và tiếng Anh. Nó tập trung tự động chỉnh sửa định dạng văn bản giữa chữ cái tiếng Việt, tiếng Nhật, tiếng Hàn (CJK) và tiếng Anh, đảm bảo độ chính xác và tính chuyên nghiệp cao.
Điểm nổi bật của AutoCorrect
- Hỗ trợ hơn 28 loại tệp tin (Markdown, JSON, YAML, JavaScript, HTML, v.v.), phân tích chỉ phần chuỗi và chú thích thông qua cây cú pháp trừu tượng (Abstract Syntax Tree - AST).
- Dự án cung cấp một máy chủ LSP (Language Server Protocol) mang tên
autocorrect-lsp. - Hỗ trợ đa nền tảng trên Linux, macOS, Windows và WebAssembly, đồng thời có thể tích hợp với các SDK khác nhau như Rust, Ruby, Go, Python, Node.js, JavaScript (Trình duyệt), Java.
Cách sử dụng AutoCorrect
Việc cài đặt rất đơn giản. Khi sử dụng qua giao diện dòng lệnh (CLI), bạn có thể cài đặt thông qua các trình quản lý gói như Homebrew hoặc Scoop, hoặc trực tiếp qua dòng lệnh. Công cụ này cho phép người dùng thực hiện định dạng hoặc kiểm tra Lint đối với các tệp tin qua giao diện dòng lệnh.
Ngoài ra, AutoCorrect còn có thể tích hợp vào các môi trường tích hợp liên tục (CI) như GitLab CI, GitHub Action và Travis CI, tự động kiểm tra và định dạng mã nguồn khi commit. Người dùng cũng có thể tùy chỉnh file cấu hình .autocorrectrc để điều chỉnh quy tắc, ví dụ: thêm khoảng trắng tự động giữa tiếng Việt và tiếng Anh, chuyển đổi dấu câu toàn góc hoặc nửa góc, và cấu hình quy tắc bỏ qua cho từ hoặc tệp cụ thể.
Heti (Hè Đề)
Heti (Hè Đề) là kiểu thiết kế tăng cường dành riêng cho việc trình bày nội dung tiếng Việt, dựa trên các quy tắc bố cục phổ biến của ngôn ngữ này. Nó giúp nâng cao trải nghiệm đọc bài viết của độc giả trên website.
Liên kết dự án: sivan/heti
Heti là một thư viện CSS được thiết kế đặc biệt cho nội dung tiếng Việt, nhằm cải thiện cách hiển thị thông qua việc tăng cường kiểu dáng. Dựa trên các nguyên tắc bố cục tiếng Việt, Heti hỗ trợ nhiều nhu cầu bố cục văn bản khác nhau, bao gồm cả phong cách cổ điển và thơ ca, khiến nội dung trang web trở nên đẹp mắt và chuyên nghiệp hơn.
Điểm nổi bật của Heti
- Tự động thêm khoảng trắng và ép sát dấu câu giữa tiếng Việt và tiếng Tây, giảm thiểu việc chỉnh sửa thủ công.
- Hỗ trợ cả tiếng Việt giản thể và chính thể, cũng như chế độ tối ưu hóa cho màn hình tối (dark mode), phù hợp với mọi môi trường duyệt web.
- Cung cấp nhiều kiểu dáng trước như chú thích hàng, nhiều cột, dọc, và tương thích với các phương pháp reset CSS phổ biến như normalize.css.
- Thân thiện với thiết bị di động, đảm bảo trải nghiệm đọc tốt trên mọi thiết bị.
Cách sử dụng Heti
Để sử dụng Heti, bạn chỉ cần thêm tệp heti.css vào phần <head> của tài liệu HTML và áp dụng class class="heti" cho phần tử mục tiêu. win 777 casino Ngoài ra, bạn cũng có thể sử dụng script JavaScript để tăng cường chức năng, chẳng hạn như tự động thêm khoảng trắng và ép sát dấu câu.
Pangu Series
Có nghiên cứu cho thấy rằng những người không thích thêm khoảng trắng giữa chữ Việt và chữ Latin thường gặp khó khăn trong chuyện tình cảm, với tỉ lệ 70% sẽ kết hôn với người họ không yêu ở tuổi 34, và 30% còn lại cuối cùng chỉ có thể để lại di sản cho mèo của mình. Rốt cuộc, cả tình yêu lẫn viết lách đều cần sự “rộng rãi” đúng lúc.
Cùng chia sẻ điều này nhé.
Liên kết dự án: vinta/pangu.js
Giới thiệu về Pangu.js
Pangu.js là một thư viện JavaScript dùng để tự động thêm khoảng trắng giữa chữ Việt và các ký tự Latin, số và biểu tượng. Mục tiêu chính của thư viện này là cải thiện độ dễ đọc khi xen kẽ giữa tiếng Việt và tiếng nước ngoài, theo các nguyên tắc bố cục tiếng Việt, bằng cách tự động chèn khoảng trắng giữa các ký tự khác nhau, giúp văn bản rõ ràng và dễ hiểu hơn.
Điểm nổi bật của Pangu.js
- Nhẹ nhàng và hiệu quả, phù hợp cho cả môi trường web và server.
- Hỗ trợ cả trình duyệt và môi trường Node.js, dễ dàng tích hợp vào các dự án hiện tại.
- Cung cấp nhiều giao diện khác nhau, như xử lý trực tiếp trên phần tử HTML hoặc xử lý chuỗi, linh hoạt và tiện lợi.
Cách sử dụng Pangu.js
Sử dụng Pangu.js rất đơn giản, chỉ cần thêm tệp JavaScript tương ứng vào tài liệu HTML và gọi các hàm cung cấp để tự động thêm khoảng trắng phù hợp, tối ưu hóa bố cục văn bản giữa tiếng Việt và tiếng nước ngoài.
Trong môi trường Node.js, bạn cũng có thể sử dụng hàm pangu.spacing(text) để xử lý chuỗi và trả về chuỗi mới với khoảng trắng cần thiết. Ngoài ra, công cụ này cũng hỗ trợ sử dụng qua dòng lệnh (CLI).
Lưu ý: Không nên sử dụng trực tiếp thư viện này để chỉnh sửa khoảng trắng trong tài liệu Markdown, vì nó được thiết kế riêng cho các trang web HTML và văn bản thuần túy không chứa bất kỳ ngôn ngữ đánh dấu nào.
Tổng quan về Series Pangu
Đối với Người Sử Dụng
- Google Chrome (Cập nhật ngày 09-02-2019): Cung cấp phần mở rộng cho trình duyệt Chrome, tự động điều chỉnh khoảng cách văn bản trên trang web.
- Mozilla Firefox (Cập nhật ngày 09-02-2019): Cung cấp phần mở rộng tương tự cho người dùng Firefox.
Đối với Nhà Phát Triển
-
Chính thức hỗ trợ:
- pangu.go (Go): Phù hợp cho môi trường lập trình Go.
- pangu.java (Java): Có thể tích hợp vào các ứng dụng Java.
- pangu.js (JavaScript): Phù hợp cho cả trình duyệt và môi trường Node.js, thuận tiện cho các dự án web.
- pangu.py (Python): Phù hợp cho các kịch bản Python và ứng dụng, tự động hóa việc sửa chữa khoảng cách văn bản.
- pangu.dart (Dart): Phù hợp cho nhà phát triển Dart, giúp duy trì tính nhất quán khi hiển thị văn bản trong ứng dụng Flutter.
- pangu.space (API Web): Dịch vụ API có thể gọi từ bất kỳ môi trường lập trình nào để áp dụng sửa chữa khoảng cách văn bản.
-
Hỗ trợ cộng đồng:
- pangu.clj (Clojure): Thư viện ứng dụng Clojure do cộng đồng phát triển.
- pangu.ex (Elixir): Phù hợp cho các dự án Elixir, giúp ích cho các ứng dụng dựa trên Phoenix hoặc bất kỳ ứng dụng nào sử dụng Elixir.
- pangu.objective-c (Objective-C): Phù hợp cho phát triển ứng dụng iOS và macOS.
- pangu.php (PHP): Cho phép các ứng dụng PHP tự động xử lý khoảng cách văn bản.
- pangu.rb (Ruby): Cung cấp gem Ruby cho ứng dụng Rails hoặc ứng dụng Ruby thuần túy.
- pangu.rs (Rust): Phù hợp cho ứng dụng Rust, đảm bảo khả năng đọc văn bản đa ngôn ngữ.
- pangu.swift (Swift): Phù hợp cho phát triển ứng dụng iOS và macOS bằng Swift.
Hy vọng bài viết này đã giúp bạn tìm hiểu thêm về các công cụ hữu ích để tối ưu hóa bố cục văn bản tiếng Việt!