ตัวแปลง BBCode เป็น HTML
BBCode คือมาร์กอัปน้ำหนักเบาของยุคเว็บบอร์ด — [b]bold[/b], [url], [quote], [code] เว็บบอร์ด phpBB, vBulletin, XenForo และ SMF ล้วนเคยใช้ และยังมีโพสต์อีกหลายล้านรายการบนแพลตฟอร์มเหล่านั้น เครื่องมือนี้แยกวิเคราะห์ BBCode แล้วส่งออก HTML ที่สะอาดและถูกต้อง เพื่อให้คุณนำไปวางใน CMS สมัยใหม่ เว็บไซต์แบบสแตติก หรือไปป์ไลน์ Markdown-to-HTML ที่ไม่เข้าใจแท็กฟอรัมได้
วิธีแปลง BBCode
-
1
วาง BBCode ของคุณ
รองรับทั้งโพสต์เต็มหรือเฉพาะบางส่วน และจัดการแท็กซ้อนกันได้
-
2
ตัวแยกวิเคราะห์จะแยกโทเค็นของแท็กเปิดและแท็กปิด
คู่ `[tag]...[/tag]` ที่ตรงกันจะสร้างองค์ประกอบ HTML ที่สอดคล้องกัน
-
3
แปลงแอตทริบิวต์ของแท็ก
เช่น `[color=red]`, `[size=18]` หรือ `[url=https://...]` จะกลายเป็นสไตล์แบบอินไลน์หรือแอตทริบิวต์ `href`
-
4
คัดลอก HTML
พร้อมใช้กับบล็อกโพสต์ หน้าเอกสาร หรือการย้ายข้อมูลฟอรัม
แท็กที่รองรับ
| BBCode | ผลลัพธ์ HTML |
|---|---|
[b]text[/b] |
<strong>text</strong> |
[i]text[/i] |
<em>text</em> |
[u]text[/u] |
<u>text</u> or <ins> |
[s]text[/s] |
<del>text</del> |
[url]link[/url] |
<a href="link">link</a> |
[url=link]text[/url] |
<a href="link">text</a> |
[img]link[/img] |
<img src="link"> |
[quote]q[/quote] |
<blockquote>q</blockquote> |
[code]c[/code] |
<pre><code>c</code></pre> |
[list][*]a[*]b[/list] |
<ul><li>a</li><li>b</li></ul> |
[list=1][*]a[/list] |
<ol><li>a</li></ol> |
[color=red]t[/color] |
<span style="color:red">t</span> |
[size=18]t[/size] |
<span style="font-size:18px">t</span> |
[table]...[/table] |
<table>...</table> |
หมายเหตุด้านความปลอดภัย
BBCode ถูกออกแบบมาให้ปลอดภัย แต่ HTML ไม่ใช่ การแปลง BBCode ที่ผู้ใช้ส่งเข้ามาเป็น HTML คือจังหวะคลาสสิกที่ฟอรัมเคยเปิดช่อง XSS ในปี 2005 ถ้าคุณจะเผยแพร่เอาต์พุตที่แปลงแล้ว:
- หลีก (escape) ข้อความดิบใดๆ ภายในแท็ก BBCode
- อนุญาตเฉพาะแท็กที่ตัวแปลงสร้างออกมาด้วยรายการที่อนุญาต — อย่าส่งแท็กที่ไม่รู้จักต่อไปเป็น HTML ดิบ
- ตรวจสอบ URL ใน
[url]และ[img]เพื่อบล็อกสคีมอย่างjavascript:และdata:
เครื่องมือนี้จะตัดหรือทำให้ URL ที่ดูคล้ายสคริปต์เป็นกลางระหว่างการแปลง
การย้ายทั้งฟอรัม
สำหรับการย้ายโพสต์หลายพันรายการ ให้รันตัวแปลงเป็นไปป์ไลน์: ส่งออกโพสต์เป็น BBCode → ผ่านตัวแปลงนี้ → นำเข้า HTML สุ่มตรวจโพสต์หลายสิบรายการที่มีการซ้อนแท็กแปลกๆ หรือโค้ดอีโมจิแบบกำหนดเองที่อาจไม่ได้อยู่ในชุดแท็กมาตรฐาน
สิ่งที่ BBCode แปลงได้ไม่เรียบ
- อีโมติคอนของฟอรัมแบบกำหนดเอง (
:Dและ:)) — ปล่อยไว้ตามเดิมแล้วแสดงผลด้วย CSS หรือประมวลผลล่วงหน้าแยกต่างหาก - แท็กเฉพาะของปลั๊กอิน (เช่น
[spoiler],[youtube]) — แสดงในแผงแท็กแบบกำหนดเอง; ไม่เช่นนั้นจะปล่อยออกมาเป็นข้อความตามตัวอักษร - แท็กที่ทับกันหรือไม่ปิด — ตัวแยกวิเคราะห์จะพยายามปิดเอง แต่อินพุตที่ผิดรูปมากๆ อาจสูญเสียการจัดรูปแบบ
คำถามที่พบบ่อย
มี: โพสต์ในชุมชน Steam, เว็บบอร์ด vBulletin และ XenForo, wiki บางแห่ง และการติดตั้ง phpBB เก่าๆ จำนวนมาก นอกจากนี้ยังคงอยู่เป็นมาร์กอัปพื้นฐานในแผงควบคุมของเซิร์ฟเวอร์เกมบางตัว
เครื่องมือนี้ไม่ได้ทำ — ให้ใช้ตัวแปลง HTML เป็น BBCode การแปลงย้อนกลับสูญเสียข้อมูลมากกว่า เพราะ HTML สื่อความได้หลากหลายกว่า BBCode มาก
ตามค่าเริ่มต้น แท็กที่ไม่รู้จักจะผ่านออกมาเป็นข้อความตามตัวอักษร โหมดเข้มงวด (strict) จะตัดทิ้งทั้งหมดถ้าคุณต้องการเอาต์พุตที่สะอาดแน่นอน
รองรับ [quote], [list] และ [code] สามารถซ้อนลึกได้ตามต้องการ ตัวแยกวิเคราะห์จะติดตามสแตกของแท็กและปิดแท็กได้ถูกต้อง
เครื่องมือที่เกี่ยวข้อง
เครื่องมือสร้างสีแบบสุ่ม
สร้างสี HEX แบบสุ่ม 1 ถึง 50 สี พร้อมตัวอย่างสีสำหรับดูตัวอย่าง คัดลอก และนำไปใช้ใน CSS งานทดสอบ หรือการสำรวจพาเลตสี.
เครื่องกำเนิดจานสี
สร้างพาเลตสีแบบเอกรงค์ ใกล้เคียง คู่ตรงข้าม ไตรแอดิก หรือเตตราดิกจากสี HEX หลัก พร้อมส่งออกตัวแปร CSS ที่คัดลอกได้ทันที
เครื่องสร้างตัวอักษรสุ่ม
สร้างตัวอักษร A-Z แบบสุ่ม เลือกจำนวน ตัวพิมพ์ใหญ่ ตัวพิมพ์เล็ก หรือแบบผสม แล้วใช้กับเกม โจทย์ หรือกิจกรรมในห้องเรียน
ตัวจัดรูปแบบ JSON
วาง JSON เพื่อจัดให้อ่านง่ายด้วยการเยื้อง 2 หรือ 4 ช่องว่าง ย่อให้เป็นผลลัพธ์แบบกะทัดรัด หรือตรวจสอบไวยากรณ์อย่างรวดเร็วก่อนคัดลอกผลลัพธ์
เครื่องมือเลือกสี HEX
เลือกสีจากหน้าจอแล้วดูค่า HEX, RGB, HSL, HSV และ CMYK พร้อมค่าคอนทราสต์เมื่อเทียบกับสีขาวและสีดำ
ตัวแปลง ASCII เป็นเลขฐานสอง
แปลงสตริง ASCII ใดก็ได้เป็นเลขฐานสอง อักขระทุกตัวกลายเป็นแปดบิต คั่นด้วยช่องว่าง พร้อมวางในการติดตามโปรโตคอลหรือการบ้าน