Softonic

Chuyển đổi HTML sang BBCode

Bước 1 / 2
Tiếp theo

phpBB, vBulletin, Invision Board và các bản cài đặt MyBB cũ hơn vẫn không cho phép sử dụng HTML trong bài đăng, nhưng chấp nhận BBCode, các thẻ trong dấu ngoặc vuông [b], [url], [img] được tạo ra cho Ultimate Bulletin Board vào năm 1998. Hãy dán mã HTML vào đây; công cụ chuyển đổi này sẽ viết lại từng thẻ được hỗ trợ thành BBCode tương đương, đồng thời giữ nguyên định dạng để đăng lại trên diễn đàn hoặc xuất ra lưu trữ.

Cách chuyển đổi HTML thành BBCode

  1. 1

    Dán HTML

    Kích thước bất kỳ, từ một đoạn rich text ngắn đến cả một bài đăng diễn đàn được xuất ra dưới dạng HTML.

  2. 2

    Chạy chuyển đổi

    Nhấp vào Chuyển đổi và mọi thẻ được hỗ trợ sẽ được viết lại thành BBCode.

  3. 3

    Xem lại kết quả

    Các thẻ không có tương đương trong BBCode sẽ bị loại bỏ nhưng văn bản bên trong vẫn được giữ lại, nên không mất gì cả.

  4. 4

    Sao chép BBCode

    Dán vào trình soạn thảo diễn đàn ở chế độ văn bản thông thường.

Ánh xạ thẻ từ HTML sang BBCode

Trình chuyển đổi hỗ trợ các thẻ diễn đàn phổ biến nhất và chuyển mọi thứ khác thành văn bản thuần.

Ánh xạ cơ bản

HTML BBCode
<br> xuống dòng
<b> hoặc <strong> [b]...[/b]
<i> hoặc <em> [i]...[/i]
<u> [u]...[/u]
<a href="url">text</a> [url=url]text[/url]
<img src="url"> [img]url[/img]
<blockquote> [quote]...[/quote]
<code> [code]...[/code]
<li> [*]
</p> </div> </h1> đến </h6> dòng trống

Điều gì xảy ra với các thẻ khác

  • <ul> và <ol>: các thẻ bao danh sách bị loại bỏ và mỗi <li> trở thành một dòng dấu đầu dòng [*] riêng.
  • <script>, <style>, <iframe>: các thẻ bị loại bỏ, văn bản bên trong được giữ lại.
  • <div>, <section>, <details> và các thẻ chứa tương tự: các thẻ bị loại bỏ và văn bản bên trong được giữ lại.
  • SVG và MathML: không thể biểu diễn bằng BBCode, văn bản bên trong được giữ lại.
  • Các kiểu và thuộc tính nội tuyến không được chuyển qua, định dạng bị mất.

Phương pháp thực hành tốt nhất

  • Hãy dọn dẹp nội dung HTML bằng công cụ định dạng trước để tránh nhầm lẫn do các thẻ lồng nhau gây ra.
  • Hãy thử một đoạn ngắn trong phần xem trước của diễn đàn trước khi dán toàn bộ nội dung dài.
  • Kiểm tra các liên kết, một số diễn đàn tắt tính năng tự động tạo liên kết cho URL nằm ngoài các thẻ [url].

Câu hỏi thường gặp

So với HTML, BBCode chỉ sử dụng một bộ từ vựng rất hạn chế. Các thẻ như <div>, <section> hoặc <details> không có tương đương nào trong BBCode. Bộ chuyển đổi sẽ loại bỏ những thẻ này mà vẫn giữ nguyên nội dung bên trong, do đó không làm mất bất kỳ thông tin nào.

Không. BBCode không có tương đương trực tiếp cho hầu hết các thuộc tính CSS, nên các kiểu sẽ bị loại bỏ và văn bản được giữ lại. Nếu cần màu sắc hoặc kích thước, hãy tự thêm thẻ [color] hoặc [size] trong trình soạn thảo diễn đàn.

Đúng vậy. <b><i>text</i></b> sẽ trở thành [b][i]text[/i][/b]. Việc lồng thẻ được giữ nguyên miễn là phương ngữ của diễn đàn chấp nhận; ví dụ, một số phương ngữ chặn thẻ [url] lồng bên trong [img].

Không, không phải trong công cụ này; hãy dùng trình chuyển đổi BBCode sang HTML để thực hiện chiều ngược lại. Việc chuyển đổi qua lại sẽ gây thất thoát thông tin vì HTML có nhiều thẻ hơn hẳn so với BBCode.

Công cụ liên quan

Bảng tham chiếu ASCII

Bảng ASCII đầy đủ từ 0 đến 127 với giá trị thập phân, thập lục phân, bát phân, nhị phân và ký hiệu tham chiếu ký tự số HTML, gồm NUL, LF và DEL.

Tham chiếu ký tự HTML

Danh sách có thể tìm kiếm các thực thể HTML, mã tên và mã số tương ứng của chúng, cùng chức năng sao chép chỉ với một cú nhấp cho các ký tự đặc biệt và biểu tượng.

Bảng tham khảo phím tắt

Tìm phím tắt mặc định theo tài liệu của VS Code, Chrome và Bash dùng GNU Readline trên macOS, Windows và Linux.

Trình định dạng HTML

Định dạng HTML cục bộ trong trình duyệt với thụt lề hai hoặc bốn khoảng trắng. HTML không được tải lên hoặc xác thực.

Bảng tra cứu nhanh Markdown

Tài liệu Markdown thực dụng với bản xem trước thực tế và ví dụ có thể sao chép cho tiêu đề, danh sách, bảng, mã, liên kết, hình ảnh và cú pháp GFM.

Bộ tạo gradient CSS

Tạo gradient CSS tuyến tính và hướng tâm với các điểm màu cùng điều khiển góc hoặc hình dạng. Sao chép khai báo nền CSS đã tạo vào stylesheet của bạn.

Công cụ này có phiên bản bằng các ngôn ngữ khác