Công Cụ Chuyển Đổi Văn Bản Sang HTML

Vì sao văn bản thuần cần được chuyển đổi

Khi bạn gõ vào một trình soạn thảo văn bản, các dấu ngắt dòng và dòng trống bạn nhìn thấy là những ký tự thật trong tệp. Tuy nhiên, trình duyệt lại bỏ qua chúng: HTML gộp mọi chuỗi khoảng trắng, kể cả ký tự xuống dòng, thành một dấu cách duy nhất. Dán một bản thảo được định dạng gọn gàng thẳng vào một trang web thì nó hiển thị thành một đoạn văn không phân tách. Để lấy lại khoảng cách, bạn phải chuyển dịch những dấu ngắt vô hình đó thành đánh dấu thực sự, và đó chính là điều mà bộ chuyển đổi này làm.

Nó đọc văn bản của bạn, tìm các ranh giới đoạn văn, và bọc mỗi khối trong các thẻ ngữ nghĩa để trình duyệt trình bày nội dung đúng theo ý bạn muốn. Kết quả là HTML sạch sẽ, có cấu trúc mà bạn có thể đưa vào một CMS, một mẫu email, hay một bài đăng blog mà không phải gõ tay lấy một thẻ nào.

Cách nhận diện đoạn văn và dấu ngắt dòng

Quy tắc cốt lõi đơn giản và dễ đoán: một dòng trống đánh dấu sự kết thúc của một đoạn văn và sự bắt đầu của đoạn kế tiếp. Mỗi khối văn bản nằm giữa các dòng trống được bọc trong thẻ p riêng của nó, vốn là phần tử ngữ nghĩa đúng đắn cho một đoạn văn và mang lại cho bạn khoảng cách hợp lý thông qua các kiểu mặc định của trình duyệt.

Các dấu ngắt dòng đơn bên trong một đoạn văn lại là chuyện khác. Theo mặc định, chúng bị gộp đi, nhưng nếu bật tùy chọn Preserve line breaks thì mỗi ký tự xuống dòng đơn trở thành một thẻ br, nên một địa chỉ bưu điện hay một bài thơ ngắn sẽ giữ nguyên cấu trúc dòng chính xác của nó bên trong một đoạn văn. Sự phân biệt này quan trọng: thẻ p tạo ra các khối tách biệt có lề, còn thẻ br ép một dấu ngắt dòng bên trong một khối mà không có khoảng cách thêm đó.

Một ví dụ minh họa

Hãy hình dung hai đoạn văn ngắn được phân tách bằng một dòng trống, trong đó đoạn đầu được tách ra trên hai dòng đã gõ. Khi bật chuyển đổi đoạn văn và tắt Preserve line breaks, bạn nhận được hai phần tử p và đoạn đầu đọc như một câu trôi chảy liền mạch. Bật Preserve line breaks lên thì đoạn p đầu tiên giờ chứa một thẻ br tại điểm bạn đã nhấn Enter, nên hai dòng đã gõ vẫn xếp chồng lên nhau. Cùng một đầu vào, hai kết quả khác nhau và đều hoàn toàn hợp lệ, được chọn bằng một ô đánh dấu.

Lưu ý về thoát ký tự mà bạn phải hiểu

Bộ chuyển đổi này được tạo ra cho văn xuôi, nên nó xử lý đầu vào của bạn như nội dung cần được bọc, chứ không phải như mã cần được vô hiệu hóa. Điều đó có nghĩa là các ký tự mang ý nghĩa đặc biệt trong HTML sẽ không tự động được thoát. Nếu văn bản của bạn chứa đúng nghĩa một dấu ngoặc nhọn hoặc một dấu và (ampersand), nó sẽ đi thẳng vào phần đánh dấu y như khi được viết.

Trên thực tế, điều này ổn với văn viết thông thường, nhưng hãy cẩn trọng khi văn bản của bạn có chứa ký hiệu. Nếu bạn đang viết về mã và đoạn văn của bạn chứa thứ gì đó như một dấu nhỏ hơn theo sau là một tên thẻ, trình duyệt có thể cố diễn giải nó như đánh dấu. Khi rủi ro đó tồn tại, hãy tự thoát các ký tự nguy hiểm trước, thay dấu và bằng &, dấu nhỏ hơn bằng <, và dấu lớn hơn bằng >, để chúng hiển thị như văn bản nguyên văn thay vì bị phân tích cú pháp.

Class và tài liệu hoàn chỉnh

Hai tùy chọn giúp may đo kết quả cho đúng nơi nó sẽ đến. Add class to paragraphs cho phép bạn đóng dấu một class CSS lên mọi thẻ p được tạo, nên toàn bộ khối nội dung thừa hưởng các kiểu sẵn có của bạn ngay khoảnh khắc bạn dán nó vào, mà không cần chỉnh sửa thủ công. Đây là cách nhanh nhất để khiến văn bản đã chuyển đổi khớp với kiểu chữ của một trang web.

Wrap in complete HTML document nâng cấp đoạn trích thành một tệp đầy đủ, độc lập với các thẻ html, head và body bao quanh các đoạn văn của bạn. Hãy tắt nó khi bạn đang dán vào một trang hoặc trình soạn thảo sẵn có vốn đã cung cấp cấu trúc đó; bật nó lên khi bạn muốn một tệp khép kín mà bạn có thể lưu và mở trực tiếp trong trình duyệt hoặc đính kèm như một tài liệu HTML.

Vị trí của nó trong một quy trình làm việc thực tế

Công dụng phổ biến nhất là chuyển bài viết từ một trình soạn thảo thuần hoặc ứng dụng ghi chú vào một hệ thống xuất bản. Hãy thoải mái soạn thảo ở dạng văn bản thuần, đưa nó qua bộ chuyển đổi, rồi dán phần đánh dấu hợp lệ vào CMS của bạn, yên tâm rằng các dấu ngắt đoạn sẽ được giữ vững. Nó cũng hữu ích không kém với email HTML dựng tay, nơi nhiều ứng dụng email loại bỏ CSS và bạn cần các thẻ p và br tường minh thay vì dựa vào khoảng trắng.

Lập trình viên dùng nó để tạo nhanh các mẫu và dữ liệu thử, biến một khối nội dung thành phần đánh dấu sẵn sàng cho một thành phần hoặc một trang mô phỏng. Bất kỳ ai di chuyển nội dung giữa các nền tảng đều có thể dùng nó để chuẩn hóa văn bản dán lộn xộn thành những đoạn văn nhất quán, có ngữ nghĩa trước khi nhập vào.

Những lỗi thường gặp cần tránh

Lỗi kinh điển là dùng một dấu ngắt dòng đơn ở chỗ bạn định tạo một đoạn văn mới, rồi thắc mắc vì sao hai khối lại dính liền vào nhau; hãy chèn một dòng trống giữa các đoạn văn thực sự. Lỗi ngược lại là để Preserve line breaks bật trong khi viết văn xuôi trôi chảy, khiến các thẻ br rải rác khắp văn bản của bạn và làm gián đoạn việc dàn lại dòng tự nhiên trên các kích thước màn hình khác nhau. Và như đã lưu ý ở trên, đừng cho rằng công cụ làm sạch các ký tự đặc biệt: nếu nội dung của bạn có chứa các ký hiệu HTML mà bạn muốn hiển thị nguyên văn, hãy thoát chúng trước khi chuyển đổi.