โปรแกรมแปลง Markdown เป็น BBCode

ปัจจุบัน Markdown ถูกใช้อย่างแพร่หลายทั่วไป แต่ฟอรัมจำนวนมาก เช่น phpBB, vBulletin, Invision และกระดานสนทนาแบบคลาสสิกของ SMF ยังคงรองรับเฉพาะ BBCode เท่านั้น ซึ่งเป็นรูปแบบการเขียนแท็กที่ใช้วงเล็บและมีมาตั้งแต่ก่อนยุคของ Markdown ถึงสิบปี เมื่อคุณนำ Markdown มาวางลง โปรแกรมแปลงนี้จะแปลงหัวข้อ การเน้นข้อความ รายการ บล็อกโค้ด ตาราง คำพูดอ้างอิง และลิงก์ ให้กลายเป็นรูปแบบ BBCode ตามเดิม เพื่อให้คุณสามารถโพสต์ร่างบทความที่เขียนด้วยโปรแกรมแก้ไข Markdown ที่คุณชอบได้โดยตรงลงในกระดานสนทนาแบบดั้งเดิม

วิธีการทำงานของกระบวนการแปลง

  1. 1

    วาง Markdown

    วางเอกสารทั้งฉบับหรือเพียงบางส่วน รองรับส่วนขยาย GFM (ตาราง, ขีดฆ่า)

  2. 2

    เลือกสำนวนในฟอรัม

    phpBB, vBulletin, Invision หรือระบบอื่นทั่วไป โดยแต่ละระบบมีชุดแท็กที่แตกต่างกันเล็กน้อย

  3. 3

    แปลง

    หัวข้อ → `[size]` หรือ `[b]`; ส่วนที่เน้น → `[i]`/`[b]`; รายการ → `[list]`; รหัส → `[code]`

  4. 4

    คัดลอก BBCode

    ผลลัพธ์พร้อมใช้สำหรับการวางลงในโปรแกรมแก้ไขโพสต์ฟอรัมใดๆ

การแมประหว่าง Markdown กับ BBCode

Markdown BBCode
# H1 [size=200][b]H1[/b][/size]
## H2 [size=150][b]H2[/b][/size]
*italic* [i]italic[/i]
**bold** [b]bold[/b]
~~strike~~ [s]strike[/s]
`inline code` [c]inline code[/c] หรือ [icode]
บล็อกโค้ดแบบมีรั้วล้อม [code]...[/code]
รายการแบบมีสัญลักษณ์หัวข้อ [list] + รายการ [*] + [/list]
รายการที่มีหมายเลข รายการ [list=1] และ [*]
> quote [quote]quote[/quote]
[text](url) [url=...]text[/url]
![alt](img) [img]img[/img] (ตัวเลือกอื่นถูกลบไป)
เส้นแนวนอน [hr] หากรองรับ มิฉะนั้นแสดงเป็นช่องว่าง
ตาราง (GFM) [table][tr][td]...[/td][/tr][/table]

ความแตกต่างของสำเนียง

ไม่ใช่ทุกฟอรัมที่ใช้ BBCode เดียวกัน ความแตกต่างที่พบบ่อย ได้แก่:

  • หัวเรื่อง: phpBB ไม่รองรับรหัส [h1]–[h6] โดยตัวแปลงจะแทนที่ด้วย [size] และ [b] ส่วน vBulletin รองรับรหัส [size=5]
  • สีและแบบอักษร: [color=red] ใช้งานได้ทุกสถานที่ แต่ไม่ได้ถูกสร้างขึ้นโดย Markdown (ไม่มีไวยากรณ์ต้นฉบับสำหรับอักษรชนิดนี้)
  • โค้ดแบบฝัง (Inline code) บางบอร์ดใช้ [c] อีกบางบอร์ดใช้ [icode] ส่วนใหญ่จะใช้ [code]
  • ภาพ: BBCode ไม่มีแอตทริบิวต์ alt ดังนั้นข้อความในส่วน alt จะถูกละทิ้ง หากคุณให้ความสำคัญกับความสามารถในการเข้าถึงเนื้อหา ควรเพิ่มข้อความธรรมดาไว้ข้างๆ แทน

สิ่งที่ยังคงอยู่หลังการแปลงไป-กลับ

  • ตัวหนา, ตัวเอียง, ขีดฆ่า: สมบูรณ์แบบ
  • โค้ดในบรรทัดและบล็อกโค้ด: สมบูรณ์แบบ
  • รายการ: สมบูรณ์แบบ
  • ลิงก์: สมบูรณ์แบบ
  • ตาราง: ขึ้นอยู่กับว่าฟอรัมรองรับ [table] หรือไม่ โดย phpBB ไม่รองรับโดยตรง ควรใช้ปลั๊กอิน หรือเปลี่ยนมาใช้ตารางแบบข้อความธรรมดาแทน
  • หัวข้อ: โดยประมาณ, BBCode ไม่มีระดับหัวข้อเชิงความหมาย

คำแนะนำสำหรับบอร์ดรุ่นเก่า

  • วางและดูตัวอย่าง: เครื่องมือวิเคราะห์ BBCode ของแต่ละฟอรัมมีลักษณะเฉพาะตัว ซึ่งสิ่งที่ทำงานได้ดีบนฟอรัมหนึ่งอาจแสดงเป็นข้อความตามต้นฉบับบนอีกฟอรัมหนึ่ง
  • ควรใช้บล็อก [code] สำหรับเนื้อหาที่มีการแทรกช่องว่าง, สไตล์รหัสการแทรกช่องว่างสี่ตำแหน่งของ Markdown อาจถูกตัวแปลงข้อมูล BBCode รับรองผิดพลาดได้
  • หากฟอรัมรองรับ [html] คุณสามารถทำให้ผลลัพธ์มีความสะอาดมากขึ้นได้โดยการแปลง Markdown เป็น HTML ก่อน จากนั้นจึงนำผลลัพธ์ไปวาง

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

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

ใช้ได้เฉพาะเมื่อมีปลั๊กอิน [table] จากบุคคลที่สามเท่านั้น เวอร์ชันปกติของ phpBB ไม่รองรับข้อมูลรูปแบบ [table], แม้เครื่องแปลจะสร้างผลลัพธ์ในรูปแบบนี้ได้ แต่ฟอรัมจะแสดงผลเป็นข้อความธรรมดา หากไม่มีการติดตั้งปลั๊กอินดังกล่าว

แท็ก [img] ของ BBCode ไม่มีแอตทริบิวต์ alt ดังนั้นข้อความประกอบ (alt text) จะถูกละเว้น หากการเข้าถึงเป็นเรื่องสำคัญ ควรเพิ่มคำบรรยายไว้ในข้อความรอบข้าง

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

ไม่ กระบวนการแปลงข้อมูลจะดำเนินการภายในเบราว์เซอร์ทั้งหมด ดังนั้นร่างเนื้อหาของคุณจะไม่ออกจากอุปกรณ์ของคุณเลย

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

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

สร้าง webpack.config.js สำหรับ webpack 5 ทั้งแบบ JavaScript ล้วน React หรือ Vue พร้อม TypeScript, Babel, CSS หรือ Sass, รูปภาพ, HtmlWebpackPlugin, เซิร์ฟเวอร์สำหรับพัฒนา และคำสั่ง npm install

เครื่องแปลงฐานตัวเลข

แปลงตัวเลขระหว่างฐานสอง ฐานแปด ฐานสิบ ฐานสิบหก และฐานกำหนดเองตั้งแต่ 2 ถึง 36 พร้อมการแยกค่าประจำหลัก

ตัวแปลง Timestamp

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

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

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

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

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

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

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

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