สำหรับนักเรียนที่ชอบเขียนบล็อกทางเทคนิคพวกเขาจะต้องคุ้นเคยกับส่วนประกอบที่เน้นรหัส รหัส JavaScript ที่ยอดเยี่ยมที่เน้นปลั๊กอินจะช่วยให้คุณแสดงภาษาการเขียนโปรแกรมใด ๆ รวมถึงการระบายสีของคำหลักบางคำและการเยื้องของแต่ละบรรทัดของรหัส วันนี้เราจะแบ่งปันรหัส JavaScript ที่มีประสิทธิภาพสูงบางอย่าง ปลั๊กอินที่เน้นรหัส JavaScript เหล่านี้จะมีประสิทธิภาพมากในการช่วยคุณแก้ไขและแสดงรหัสบนหน้าเว็บ
1. Syntaxhighlighter รหัส JavaScript ที่ดีที่สุดปลั๊กอินไฮไลต์
Syntaxhighlighter เป็นรหัสที่เน้นปลั๊กอินที่ใช้ JavaScript อย่างสมบูรณ์ Syntaxhighlighter สามารถระบายสีและแสดงภาษาการเขียนโปรแกรมส่วนใหญ่และประสิทธิภาพของการเน้นรหัสก็ดีมาก Syntaxhighlighter สามารถปรับแต่งไฟล์ธีมและระบุธีมที่คุณชื่นชอบเมื่อเริ่มต้น
เว็บไซต์อย่างเป็นทางการ: http://alexgorbatchev.com/syntaxhighlighter/
2. Google Code Prettify รหัส JavaScript ฟรีปลั๊กอิน
Google Code Prettify เป็นรหัส JavaScript ที่เน้นปลั๊กอินที่เปิดตัวโดย Google Google Code Prettify สามารถเน้นและสี C/C ++, Java, Python, Ruby, PHP, Visual Basic, Awk, Bash, SQL, HTML, XML, CSS, JavaScript, MakeFiles และรหัสภาษาการเขียนโปรแกรม PERL
เว็บไซต์อย่างเป็นทางการ: http://code.google.com/p/google-code-prettify/
3. ไฮไลต์. js รหัส JavaScript หลายรูปแบบปลั๊กอินไฮไลต์
Highlight.js เป็นโครงการ JavaScript สำหรับการเน้นและการแรเงาบนหน้าเว็บใด ๆ เพื่อแสดงไวยากรณ์ซอร์สโค้ดตัวอย่างต่างๆ มันมีลักษณะดังต่อไปนี้:
เว็บไซต์อย่างเป็นทางการ: https://highlightjs.org/
4. PRISM.JS - ปลั๊กอินไฮไลต์ JavaScript ที่มีน้ำหนักเบา
ปัจจุบัน Prism.js เป็นรหัส JavaScript ที่เบาที่สุดที่เน้นปลั๊กอิน มันเป็นเพียง 2kb หลังจากการบีบอัด Prism.js ยังสนับสนุนภาษาการเขียนโปรแกรมยอดนิยมมากที่สุดและรองรับสไตล์ชุดรูปแบบที่หลากหลาย นักพัฒนาจำเป็นต้องอ้างอิงไฟล์ CSS และไฟล์ JS เพื่อให้เสร็จสมบูรณ์
เว็บไซต์อย่างเป็นทางการ: http://prismjs.com/
5. jQuery.Syntax jQuery โค้ดน้ำหนักเบาไฮไลต์ปลั๊กอิน
รหัสที่เน้นปลั๊กอินนี้ขึ้นอยู่กับ jQuery และยังมีน้ำหนักเบาและแสดงผลเร็วมาก ในเวลาเดียวกัน jQuery.syntax ยังมีแอปพลิเคชันปลั๊กอินสำหรับ WordPress สำหรับบล็อกเกอร์ส่วนตัวการใช้ WordPress และ JQuery.Syntax สามารถตระหนักถึงฟังก์ชั่นการเน้นของ 0 รุ่นได้อย่างสมบูรณ์แบบ
เว็บไซต์อย่างเป็นทางการ: http://www.codeotaku.com/projects/jquery-syntax/index.en
6. Dlhighlight jQuery ง่ายและมีประสิทธิภาพรหัสไฮไลต์ปลั๊กอิน
Dlhighlight เป็นปลั๊กอินไฮไลต์ที่ใช้ JavaScript ซึ่งเป็นเรื่องง่ายมากและรองรับ JavaScript, CSS, XML และ HTML เท่านั้น
เว็บไซต์อย่างเป็นทางการ: http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
7. Rainbow.js รหัส JavaScript ที่ขยายได้ปลั๊กอินไฮไลต์
Rainbow เป็นเครื่องมือไฮไลต์ไวยากรณ์ที่พัฒนาโดย JavaScript ออกแบบให้มีน้ำหนักเบา (เพียง 1.4 kb หลังจากการบีบอัด) มันใช้งานง่ายและปรับขนาดได้ ไวยากรณ์ที่เน้นธีมจะถูกกำหนดอย่างสมบูรณ์ผ่าน CSS ดำเนินการตามการแสดงออกปกติ
เว็บไซต์อย่างเป็นทางการ: http://craig.is/making/rainbows
ปลั๊กอินไฮไลต์รหัส JavaScript เหล่านี้มักใช้กันทั่วไป หากคุณมีปลั๊กอินไฮไลต์รหัสที่ดีกว่าโปรดแจ้งให้เราทราบ
สรุป:
สิ่งที่ดีที่สุดคือสิ่งที่เหมาะกับคุณมากที่สุดดังนั้นคำสั่งซื้อในบทความนี้ไม่ได้หมายถึงคำแนะนำที่แนะนำมากที่สุด คุณควรเลือกตามความต้องการของโครงการของคุณ