ตัวแปลง HTML เป็น BBCode

phpBB, vBulletin, Invision Board และการติดตั้ง MyBB เวอร์ชันเก่ายังคงไม่อนุญาตให้ใช้ HTML ในโพสต์ แต่ยอมรับ BBCode ซึ่งเป็นแท็กแบบวงเล็บเหลี่ยม [b], [url] และ [img] ที่คิดค้นขึ้นสำหรับ Ultimate Bulletin Board ในปี ค.ศ. 1998 วาง HTML ไว้ที่นี่ แล้วเครื่องมือแปลงนี้จะเขียนแท็กที่รองรับแต่ละตัวใหม่ให้เป็น BBCode ที่เทียบเท่ากัน โดยคงการจัดรูปแบบไว้ครบถ้วน เพื่อใช้โพสต์ซ้ำในฟอรัมหรือส่งออกเก็บถาวร

วิธีแปลง HTML เป็น BBCode

  1. 1

    วาง HTML

    รองรับทุกขนาด ตั้งแต่ชิ้นส่วนข้อความแบบ rich text ไปจนถึงโพสต์ฟอรัมทั้งโพสต์ที่ส่งออกเป็น HTML

  2. 2

    รันการแปลง

    คลิกแปลง แล้วแท็กที่รองรับทุกตัวจะถูกเขียนใหม่เป็น BBCode

  3. 3

    ตรวจสอบผลลัพธ์

    แท็กที่ไม่มีคำแทนใน BBCode จะถูกลบออก แต่ข้อความด้านในจะถูกเก็บไว้ จึงไม่สูญเสียอะไร

  4. 4

    คัดลอก BBCode

    วางข้อความลงในโปรแกรมแก้ไขฟอรัมในโหมดข้อความธรรมดา

การจับคู่แท็ก HTML กับ BBCode

ตัวแปลงรองรับแท็กฟอรัมที่ใช้กันทั่วไป และแปลงส่วนอื่นๆ ทั้งหมดให้เป็นข้อความธรรมดา

การจับคู่พื้นฐาน

HTML BBCode
<br> ขึ้นบรรทัดใหม่
<b> หรือ <strong> [b]...[/b]
<i> หรือ <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>ถึง </h6> บรรทัดว่าง

แท็กอื่นๆ ถูกจัดการอย่างไร

  • <ul> และ <ol>: แท็กที่ครอบรายการจะถูกลบออก และ <li> แต่ละตัวจะกลายเป็นบรรทัดสัญลักษณ์ [*] ของตัวเอง
  • <script>, <style>, <iframe>: แท็กจะถูกลบออก แต่ข้อความภายในจะถูกเก็บไว้
  • <div>, <section>, <details> และแท็กครอบเนื้อหาประเภทเดียวกัน: แท็กจะถูกลบออก แต่ข้อความภายในจะถูกเก็บไว้
  • SVG และ MathML: ไม่สามารถแสดงใน BBCode ได้ ข้อความภายในจะถูกเก็บไว้
  • สไตล์และแอตทริบิวต์แบบ inline จะไม่ถูกนำไปด้วย การจัดรูปแบบจะหายไป

แนวปฏิบัติที่ดี

  • ทำความสะอาด HTML ด้วยเครื่องมือจัดรูปแบบก่อน เพื่อหลีกเลี่ยงความสับสนของแท็กที่ซ้อนกัน
  • ทดสอบด้วยชิ้นส่วนสั้นๆ ในหน้าตัวอย่างของฟอรัมก่อนวางเนื้อหายาวจำนวนมาก
  • ตรวจสอบลิงก์ ฟอรัมบางแห่งปิดการลิงก์อัตโนมัติของ URL ที่อยู่นอกแท็ก [url]

คำถามที่พบบ่อย

เมื่อเทียบกับ HTML แล้ว BBCode มีคำศัพท์จำกัดมาก โดยแท็กอย่าง <div>, <section> หรือ <details> ไม่มีคำแทนใน BBCode ตัวแปลงจะลบแท็กเหล่านี้ออกและเก็บเนื้อหาภายในไว้ เพื่อไม่ให้ข้อมูลสูญหาย

ไม่ใช่ BBCode ไม่มีส่วนเทียบเท่าโดยตรงสำหรับคุณสมบัติ CSS ส่วนใหญ่ ดังนั้นสไตล์จะถูกลบออกและข้อความจะถูกเก็บไว้ หากคุณต้องการสีหรือขนาด ให้เพิ่มแท็ก [color] หรือ [size] ด้วยตนเองในโปรแกรมแก้ไขฟอรัม

ใช่ รหัส <b><i>text</i></b> จะเปลี่ยนเป็น [b][i]text[/i][/b] การซ้อนกันของรหัสจะถูกรักษาไว้ตราบใดที่ภาษาเฉพาะของฟอรัมรองรับ เช่น มีการใส่รหัส [url] ซึ่งเป็นรหัสที่อยู่ภายใต้ [img]

ไม่สามารถใช้งานเครื่องมือนี้ได้ หากต้องการแปลงข้อมูลจาก BBCode กลับเป็น HTML ควรใช้โปรแกรมแปลง BBCode เป็น HTML โดยตรง การแปลงไป-กลับระหว่างสองรูปแบบนี้จะทำให้สูญเสียข้อมูลบางส่วน เนื่องจาก HTML มีแท็กมากกว่า BBCode อย่างมาก

เครื่องมือที่เกี่ยวข้อง

ตารางอ้างอิง ASCII

ตาราง ASCII ครบตั้งแต่ 0 ถึง 127 พร้อมค่าเลขฐานสิบ ฐานสิบหก ฐานแปด ฐานสอง และรูปแบบการอ้างอิงอักขระแบบตัวเลขของ HTML รวม NUL, LF และ DEL

อ้างอิงตัวอักษร HTML

รายการที่สามารถค้นหาได้ขององค์ประกอบ HTML พร้อมรหัสชื่อและรหัสตัวเลข รวมถึงฟังก์ชันสำเนาด้วยคลิกเดียวสำหรับตัวอักษรพิเศษและสัญลักษณ์ต่างๆ

ตารางอ้างอิงแป้นพิมพ์ลัด

ค้นหาแป้นพิมพ์ลัดเริ่มต้นตามเอกสารของ VS Code, Chrome และ Bash ที่ใช้ GNU Readline บน macOS, Windows และ Linux

เครื่องสร้างตัวอักษรสุ่ม

สร้างตัวอักษร A-Z แบบสุ่ม เลือกจำนวน ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก หรือแบบผสม แล้วใช้กับเกม โจทย์ หรือกิจกรรมในห้องเรียน

ตัวตรวจสอบอีเมล

ตรวจสอบที่อยู่อีเมล: ตรวจไวยากรณ์ RFC 5322 ค้นหา MX เรกคอร์ดแบบเรียลไทม์ พร้อมรายละเอียดส่วนท้องถิ่น โดเมน และความยาว ไม่มีการส่งอีเมลใด ๆ

เครื่องมือสร้าง EditorConfig

สร้างไฟล์ .editorconfig ด้วยกฎสไตล์และขนาดการเยื้อง การจบบรรทัด ชุดอักขระ และช่องว่างของคุณ เพื่อให้การจัดรูปแบบสอดคล้องกันในทุก IDE และโปรแกรมแก้ไข

เครื่องมือนี้มีให้บริการในภาษาอื่น