Softonic

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

ขั้นตอน 1 / 3

วางโค้ดบางส่วน เนื้อหาอีเมล หรือทั้งหน้าเว็บได้สูงสุด 500,000 อักขระ

ถัดไป: เลือกฟอรัมของคุณ

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

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

  1. 1

    วาง HTML

    ส่วนหนึ่งของโค้ด บทความบล็อก หรือทั้งหน้าที่คัดลอกมาเป็น HTML ได้สูงสุด 500,000 อักขระ

  2. 2

    เลือกฟอรัมของคุณ

    phpBB, XenForo, vBulletin, MyBB, SMF หรือ Steam หรือแท็กทั่วไปที่ฟอรัมส่วนใหญ่รองรับ

  3. 3

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

    แท็กที่ไม่มีแท็ก BBCode เทียบเท่าจะถูกลบออก แต่ข้อความยังอยู่ครบ หมายเหตุใต้ผลลัพธ์จะแสดงทุกอย่างที่ฟอรัมแสดงไม่ได้

  4. 4

    คัดลอก BBCode

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

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

ตัวแปลงจะอ่าน HTML ของคุณแบบเดียวกับเบราว์เซอร์ ทีละองค์ประกอบ แล้วเขียนแท็กที่ฟอรัมที่คุณเลือกเข้าใจ หมายเหตุใต้ผลลัพธ์จะแสดงทุกอย่างที่ฟอรัมนั้นแสดงไม่ได้

ทีละแท็ก

HTML BBCode
<b>, <strong>, ข้อความตัวหนา [b]...[/b]
<i>, <em>, ข้อความตัวเอียง [i]...[/i]
<u>, ข้อความขีดเส้นใต้ [u]...[/u]
<s>, <del>, ข้อความขีดฆ่า [s]...[/s] หรือ [strike]...[/strike] บน Steam
<a> ที่มีที่อยู่เว็บ [url=https://example.com]...[/url]
<a> ที่มีที่อยู่อีเมล [email]...[/email]
<img> [img]https://example.com/photo.jpg[/img]
<blockquote> [quote]...[/quote]
<pre> [code]...[/code]
<ul>, <ol> และ <li> [list], [list=1] และ [*]
<h1> ถึง <h6> ข้อความตัวหนา พร้อมแท็กขนาดหรือแท็กหัวข้อของฟอรัม หากฟอรัมมี
สีข้อความ [color=#cc0000]...[/color]
ขนาดข้อความ [size=...]...[/size] ตามระดับขนาดของฟอรัมเอง
ข้อความจัดกึ่งกลางหรือชิดขวา [center]...[/center] หรือ [align=center]...[/align]
<table> [table], [tr], [th] และ [td] หากฟอรัมมี ไม่เช่นนั้นแต่ละแถวของตารางจะกลายเป็นข้อความหนึ่งบรรทัด
<iframe> ของ YouTube แท็กวิดีโอของฟอรัม หรือลิงก์
<p>, <div>, <br> บรรทัดว่างหรือการขึ้นบรรทัดใหม่

ฟอรัมแต่ละแบบต่างกันอย่างไร

  • phpBB: ขนาดเป็นเปอร์เซ็นต์ เช่น [size=150] สูงสุด [size=200] รายการลำดับเลขใช้ [list=1], [list=a] หรือ [list=i] ได้ ไม่มีแท็กขีดฆ่า การจัดแนว หรือตาราง
  • XenForo: แท็กตัวพิมพ์ใหญ่ [HEADING=1] ถึง [HEADING=3], [SIZE=1] ถึง [SIZE=7], [ICODE] สำหรับโค้ดกลางประโยค, [TABLE] และ [MEDIA=youtube]
  • vBulletin: [center], [left] และ [right] สำหรับการจัดแนว และขนาดตั้งแต่ [size=1] ถึง [size=7] ไม่มีแท็กขีดฆ่าหรือตาราง
  • MyBB: [align=center], ขนาดตั้งแต่ [size=xx-small] ถึง [size=xx-large], [hr] และ [video=youtube]
  • SMF: ขนาดเป็นหน่วย em เช่น [size=1.5em], [list type=decimal] ที่มีรายการ [li], [table], [sub], [sup], [hr] และ [youtube]
  • Steam: [h1] ถึง [h3], [olist] สำหรับรายการลำดับเลข, [strike] และ [table] Steam ไม่มีแท็กรูปภาพ สี ขนาด หรืออีเมล รูปภาพจึงกลายเป็นลิงก์ และที่อยู่อีเมลจะเขียนออกมาตรงๆ
  • ฟอรัมส่วนใหญ่ (แท็กทั่วไป): ตัวหนา ตัวเอียง ขีดเส้นใต้ สี ลิงก์ อีเมล รูปภาพ คำพูดอ้างอิง โค้ด และรายการ ซึ่งแทบทุกฟอรัมรองรับ

สิ่งที่ถูกตัดออก

  • สคริปต์ สไตล์ ช่องฟอร์ม องค์ประกอบที่ซ่อนอยู่ คอมเมนต์ กราฟิก SVG และสูตร MathML
  • ฟอนต์ พื้นหลัง และระยะห่าง
  • สีข้อความที่เกือบดำและเกือบขาว เพื่อให้โพสต์ของคุณเข้ากับธีมสว่างหรือมืดของฟอรัม
  • ขนาดที่กำหนดเป็นพิกเซลหรือพอยต์ เพื่อให้ใช้ขนาดข้อความปกติของฟอรัม
  • รูปภาพที่เก็บอยู่ใน HTML เอง (ที่อยู่แบบ data:image) ให้อัปโหลดไปยังบริการฝากรูปก่อน
  • ที่อยู่แบบสัมพัทธ์ เช่น images/photo.jpg จะยังอยู่แต่จะถูกระบุไว้ในหมายเหตุ ให้แทนที่ด้วยที่อยู่แบบเต็ม เช่น https://example.com/images/photo.jpg

แนวทางที่ดี

  • เลือกฟอรัมที่คุณจะโพสต์ เพราะแท็กของฟอรัมนั้นเองให้ผลลัพธ์ที่ใกล้เคียงที่สุด
  • ลองส่วนสั้นๆ ในหน้าแสดงตัวอย่างของฟอรัมก่อนโพสต์ข้อความยาว
  • หากตัวแก้ไขของฟอรัมมีโหมด BBCode หรือโหมดซอร์ส ให้สลับไปที่โหมดนั้นก่อนวาง

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

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

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

ได้ <b><i>text</i></b> จะกลายเป็น [b][i]text[/i][/b] และรูปภาพที่อยู่ในลิงก์จะกลายเป็น [url=https://example.com][img]https://example.com/photo.jpg[/img][/url] ข้อความตัวหนาที่อยู่ในข้อความตัวหนาจะเขียนด้วยแท็ก [b] เพียงแท็กเดียว เพราะบางฟอรัมจับคู่แท็กที่ซ้ำกันผิด

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

เลือกฟอรัมที่คุณจะโพสต์ ได้แก่ phpBB, XenForo, vBulletin, MyBB, SMF (Simple Machines Forum) หรือ Steam แต่ละฟอรัมรองรับชุดแท็กที่ต่างกันเล็กน้อย เช่น [s] หรือ [strike] สำหรับขีดฆ่า และ [size=150] หรือ [SIZE=5] สำหรับขนาด หากฟอรัมของคุณไม่อยู่ในรายการ ให้เลือก “ฟอรัมส่วนใหญ่ (แท็กทั่วไป)” ซึ่งใช้เฉพาะแท็กที่แทบทุกฟอรัมรองรับ คุณเปลี่ยนฟอรัมได้ในหน้าผลลัพธ์โดยไม่ต้องวางใหม่

ไม่ HTML ที่คุณวางจะอยู่ในเบราว์เซอร์ของคุณและถูกแปลงที่นั่น โดยไม่ถูกส่งไปยังเซิร์ฟเวอร์ของเราหรือเพิ่มลงในลิงก์ของหน้า เพื่อให้คุณย้ายไปมาระหว่างขั้นตอนได้ แท็บเบราว์เซอร์นี้จะเก็บ HTML ไว้จนกว่าคุณจะปิดแท็บหรือคลิก “เริ่มต้นใหม่”

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

ตัวสร้างการตั้งค่า Webpack

สร้างไฟล์ webpack.config.js สำหรับ webpack 5 จากแบบฟอร์มสั้นๆ ตั้งค่า entry, โฟลเดอร์ output และ mode จากนั้นเปิด TypeScript, Babel, CSS loader, HtmlWebpackPlugin และ dev server

ตัวแปลง Timestamp

แปลง timestamp ของ Unix ในหน่วยวินาทีหรือมิลลิวินาทีเป็นวันที่ที่อ่านง่ายในเขตเวลา UTC และเขตเวลาหลัก และแปลงวันที่กลับเป็นค่า epoch

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

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

เครื่องสุ่มที่อยู่

สร้างระเบียนคล้ายที่อยู่ 1–20 รายการสำหรับแบบจำลองและการทดสอบ ด้วยรูปแบบประเทศแบบย่อ

ตัวลดรูปพีชคณิตบูลีน

ประเมินนิพจน์บูลีนสำหรับทุกชุดอินพุตและดูตารางค่าความจริงที่สมบูรณ์ รองรับตัวแปรสูงสุดห้าตัวและตัวดำเนินการ &, |, !, ^

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

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

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