ผมได้เขียน Blog มานานหลายปีแล้ว ซึ่งใน Blog แต่ละตอน อาจจะต้องมีแทรก Code snippet บ้าง เพื่ออธิบาย หรือเป็นตัวอย่างให้กับผู้อ่านได้เห็นภาพนะครับ โดยวันนี้ผมเลยอยากจะมีแนะนำ Plug-in ช่วยแสดง Source Code อย่างมีสีสันบน Blog ของเรา จากประสบการณ์ที่ได้ลองมาหลายตัวนะครับ
Table of Contents
Crayon Syntax Highlighter
📌 จุดเด่น
- สามารถ Highlight ได้จาก Post, ไฟล์ที่ upload ขึ้นไป และจาก URL
- ไม่ต้อง Config อะไรเยอะ ใส่ใน Tag <pre> แล้วมันจะค้นหาภาษา แล้วจัด format ให้ครับ
- Config ที่มีให้ปรับแต่งเยอะครับ
- สวยครับ
📌 จุดด้อยมัน
- มันง่ายเกินไป จนไม่ค่อยมี Document
- ถ้าแสดงคุณสมบัติของ Tag <pre> เดิมๆ ต้องใช้ข้อมูลที่ไม่ใช้ Source Code นะ
SyntaxHighlighter Evolved
สำหรับ Plug-in ตัวนี้ ผมใช้มานานแล้วครับ
📌 จุดเด่น
- มี Config ให้มาไม่เยอะมาก เหมาะสำหรับคนที่เริ่มต้น
- ตัวอย่างที่ใช้งานเยอะมากกกกก
- Plug-in มีการพัฒนามายาวนานแล้วครับ และตอนนี้ก็ย้ายไปอยู่บน GitHub แล้ว
📌 จุดด้อย
- ใช้ Tag พิเศษในการกำหนดว่า ต้องเป็นภาษาอะไร
Enlighter – Customizable Syntax Highlighter
สำหรับ Plugin นี้ผมย้ายมาใช้ตอนปี 2022 ครับ เหมือนตัวก่อนหน้าอย่าง Crayon Syntax Highlighter / SyntaxHighlighter Evolved มันหน่วง เลยย้ายมใช้
📌 จุดเด่น เป็นตัวแรกที่รองรับ gutenberg และมีข้อดีของ 2 Plugin ก่อนหน้า
หลังจากบอกจุดเด่น/จุดด้อยไปแล้ว ของแต่ละ Plugin ที่ผมคิดว่าดี และเหมาะกับ WordPress นะครับ สำหรับผมตอนนี้พยายามใช้ Crayon Syntax Highlighter เพราะ Config น้อยและไม่ต้องจำ Tag พิเศษเพิ่มนะครับ แสดง Highlight จากที่มาได้หลายแหล่งครับ และอาจจะเพิ่ม โดยอาจจะลิงค์จาก Git หลังจากที่สมัครไว้มานานเลย แต่ยังไม่ได้ commit อะไรขึ้นไป 555
