เครื่องมือสำหรับนักพัฒนา

ตัวดู BBCode - เครื่องมือแก้ไขและดูตัวอย่าง BBCode ออนไลน์

ดูและแก้ไข BBCode ออนไลน์ฟรี พรีวิวผลลัพธ์แบบเรียลไทม์ แปลงเป็น HTML และทดสอบการจัดรูปแบบโพสต์ฟอรัมได้ทันทีในเบราว์เซอร์

วางโค้ด BBCode ลงในตัวแก้ไข แล้วโปรแกรมจะแสดงตัวอย่าง HTML แบบเรียลไทม์ทันทีขณะที่คุณพิมพ์ โดยแปลงแท็กอย่าง [b], [i], [u], [url], [img], [quote] และ [code] ให้กลายเป็นข้อความที่จัดรูปแบบแล้ว ทุกขั้นตอนทำงานในเบราว์เซอร์ของคุณ ไม่มีการอัปโหลดข้อมูล จึงทดสอบการจัดรูปแบบสำหรับฟอรัมและเว็บบอร์ดได้อย่างเป็นส่วนตัวก่อนโพสต์จริง

ตัวแก้ไข BBCode

152

ตัวอย่างสด

ดูตัวอย่าง

Bold Italic Underline Link
This is a quote
console.log('Hello World')

คุณอาจต้องใช้สิ่งนี้ด้วย

โปรแกรมดู Markdown

ดูตัวอย่างและแก้ไข Markdown ด้วยการแสดงผลแบบเรียลไทม์

เปิดเครื่องมือ

ตัวดู HTML

ดูตัวอย่างและแก้ไขโค้ด HTML แบบเรียลไทม์

เปิดเครื่องมือ

Markdown เป็น JSON

แปลง Markdown AST ตาราง และข้อมูลเมตาเริ่มต้นเป็น JSON

เปิดเครื่องมือ

HTML เป็น JSON

แปลงโครงสร้าง HTML เป็น JSON tree

เปิดเครื่องมือ

วิธีใช้ตัวดู BBCode

ป้อน BBCode ของคุณในตัวแก้ไขทางด้านซ้าย ตัวอย่างจะอัปเดตโดยอัตโนมัติทางด้านขวาเพื่อแสดงให้คุณเห็นว่าข้อความที่จัดรูปแบบแล้วของคุณจะมีลักษณะอย่างไร แท็กที่รองรับ ได้แก่ [b], [i], [u], [url], [img], [quote], [code] และอื่น ๆ

คุณสมบัติหลัก

  • แสดงตัวอย่างแบบเรียลไทม์:เห็นการเปลี่ยนแปลงทันทีขณะที่คุณพิมพ์
  • ปลอดภัย:การประมวลผลทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ
  • อินเทอร์เฟซเรียบง่าย:ตัวแก้ไขที่สะอาดและไม่มีสิ่งรบกวน
  • ฟรี:ไม่มีค่าใช้จ่าย ไม่มีข้อจำกัด

วิธีใช้โปรแกรมดู BBCode

  1. 1

    วาง BBCode ของคุณ

    พิมพ์หรือวางโค้ด BBCode ลงในตัวแก้ไขด้านซ้าย เช่น [b]ข้อความตัวหนา[/b] หรือ [url=https://example.com]ลิงก์[/url]

  2. 2

    ดูตัวอย่างแบบเรียลไทม์

    แผงด้านขวาจะอัปเดตทันที แสดงให้เห็นว่าข้อความที่จัดรูปแบบของคุณจะปรากฏบนฟอรัมอย่างไร

  3. 3

    ปรับและตรวจสอบแท็ก

    ลองปรับแท็กที่รองรับ เช่น [i], [u], [img], [quote] และ [code] จนกว่าตัวอย่างจะตรงกับผลลัพธ์ที่คุณต้องการ

  4. 4

    คัดลอกโค้ดที่เสร็จแล้ว

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

แหล่งอ้างอิง

  • Wikipedia — BBCode

    ภาพรวมของ BBCode ทั้งประวัติความเป็นมา แท็กที่ใช้บ่อย และวิธีที่เว็บบอร์ดประมวลผลภาษามาร์กอัปแบบเบานี้

  • phpBB — คู่มือ BBCode

    เอกสารทางการของ phpBB ที่รวบรวมแท็ก BBCode มาตรฐาน เช่น ตัวหนา ตัวเอียง ลิงก์ รูปภาพ คำพูดอ้างอิง และบล็อกโค้ด

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

โปรแกรมดู Markdown

พรีวิวการจัดรูปแบบ Markdown แบบเรียลไทม์ อีกหนึ่งภาษามาร์กอัปแบบเบาสำหรับโพสต์และเอกสาร

โปรแกรมดู HTML

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

ตัวบีบอัด HTML

บีบอัดโค้ด HTML โดยลบช่องว่างและคอมเมนต์ออกก่อนเผยแพร่

เปรียบเทียบและหาความต่างของข้อความ

ตรวจหาความแตกต่างระหว่างข้อความหรือโค้ดสองชุดแบบเทียบเคียงกัน

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

BBCode คืออะไร
BBCode (Bulletin Board Code) เป็นภาษามาร์กอัปแบบเบาที่ใช้ในฟอรัมและเว็บบอร์ดเพื่อจัดรูปแบบโพสต์ แท็กจะเขียนอยู่ในวงเล็บเหลี่ยม เช่น [b]ตัวหนา[/b] หรือ [url]ลิงก์[/url] แล้วถูกแปลงเป็น HTML ที่ปลอดภัยตอนแสดงผล
โปรแกรมดู BBCode นี้รองรับแท็กอะไรบ้าง
รองรับแท็กที่ใช้บ่อย ได้แก่ [b] ตัวหนา, [i] ตัวเอียง, [u] ขีดเส้นใต้, [url] ลิงก์, [img] รูปภาพ, [quote] ข้อความอ้างอิง และ [code] บล็อกโค้ด รวมถึงแท็กอื่น ๆ อีกหลายแบบ
ตัวแก้ไขแสดงตัวอย่างแบบเรียลไทม์ไหม
ใช่ ขณะที่คุณพิมพ์หรือวาง BBCode ลงในตัวแก้ไข แผงตัวอย่างจะอัปเดตทันที คุณจึงเห็นได้ว่าข้อความที่จัดรูปแบบจะมีหน้าตาอย่างไรก่อนโพสต์
เครื่องมือนี้แปลง BBCode เป็น HTML ได้ไหม
ได้ โปรแกรมจะวิเคราะห์ BBCode ของคุณและเรนเดอร์เป็น HTML ในส่วนตัวอย่าง ช่วยให้คุณยืนยันการจัดรูปแบบสุดท้ายที่ซอฟต์แวร์ฟอรัมจะสร้างขึ้น
ใช้ฟรีจริงไหม ต้องสมัครสมาชิกหรือเปล่า
ใช้ได้ฟรีทั้งหมด ไม่มีค่าใช้จ่าย ไม่ต้องสมัครสมาชิก และไม่มีข้อจำกัดจำนวนครั้งในการใช้งาน
BBCode ของฉันถูกส่งไปยังเซิร์ฟเวอร์หรือไม่
ไม่ การวิเคราะห์และเรนเดอร์ทั้งหมดเกิดขึ้นในเบราว์เซอร์ของคุณ ข้อความของคุณจึงไม่ออกจากอุปกรณ์และไม่มีการอัปโหลดใด ๆ