รหัสเน้นไวยากรณ์ด้วย Javascript [ปิด]

ไลบรารี Javascript ใดที่คุณสามารถแนะนำสำหรับไวยากรณ์ที่เน้น <code> บล็อกใน HTML

(โปรดขอคำแนะนำหนึ่งข้อต่อหนึ่งคำตอบ)

StackOverflow ใช้ไลบรารีPrettify

ฉันเพิ่งพัฒนาสิ่งที่เรียกว่าสายรุ้ง

เป้าหมายหลักในการออกแบบคือการทำให้ไลบรารีหลักมีขนาดเล็กและทำให้นักพัฒนาสามารถขยายได้ง่าย

ดูhttp://rainbowco.de

SyntaxHighlighterสามารถใช้ได้เป็นโครงการ GitHub

jQuery Syntax Highlighterเป็นเครื่องมือใหม่ที่ใช้ Prettify ของ Googleเน้นข้อความแบบ JavaScript ธรรมดาที่ได้รับความนิยมอย่างมาก

รองรับสิ่งต่างๆเช่นcodeและpreบล็อกสามารถใช้ชื่อคลาสlanguage-javascriptเพื่อระบุว่าเราต้องการให้ไฮไลต์รวมถึงการตัดคำ คุณสามารถคัดลอกและวางโค้ดได้โดยเลือกตามปกติแทนที่จะต้องเปิดมุมมองดิบเหมือนคนอื่น ๆ สามารถปรับแต่งเพิ่มเติมได้โดยใช้แอตทริบิวต์ข้อมูล HTML5 data-shหรือผ่านการระบุตัวเลือกเมื่อเริ่มต้น ทางเลือกที่มีเสถียรภาพที่ยอดเยี่ยมซึ่งได้รับการอัปเดตเป็นประจำ

สิ่งที่เกี่ยวกับปริซึมโดย Lea Verou

จากการประกาศโพสต์บล็อกของเธอในเดือนมิถุนายน (2555):

• มันเล็กมาก แกนมีขนาดเพียง 1.5KB minified & gzipped
• มันขยายได้อย่างเหลือเชื่อ ไม่เพียง แต่การเพิ่มภาษาใหม่ ๆ เป็นเรื่องง่าย (ซึ่งจะได้รับจากเครื่องมือเน้นไวยากรณ์ทุกภาษาในปัจจุบัน) แต่ยังขยายภาษาที่มีอยู่
• รองรับการทำงานแบบขนานผ่าน Web Workers เพื่อประสิทธิภาพที่ดีขึ้นในบางกรณี
• ไม่ได้บังคับให้คุณใช้มาร์กอัปเฉพาะของปริซึมไม่ใช่แม้แต่ชื่อคลาสเฉพาะของปริซึม แต่เป็นมาร์กอัปมาตรฐานเท่านั้นที่คุณควรใช้ต่อไป ดังนั้นคุณสามารถลองใช้เวลาสักครู่ลบออกหากคุณไม่ชอบและไม่ทิ้งร่องรอยไว้ข้างหลัง

เกี่ยวกับ:

ไวยากรณ์

highlight.js

JSHighlighter

หากคุณใช้ jQuery มี Chilli:

http://code.google.com/p/jquery-chili-js/

สิ่งที่คุณต้องทำคือใส่ jquery-Chili.js และ recipes.js แล้วทำไฮไลต์ด้วย

$("code").chili();

มันควรจะเข้าใจภาษาด้วยตัวมันเอง

ฉันมีความสุขมากกับSHJS รองรับหลากหลายภาษาและดูเหมือนจะรวดเร็วและแม่นยำ

นี่คือตัวอย่างที่ผมใช้มันในบล็อกของฉัน ฉันใช้ไฟล์ CSS ที่กำหนดเองซึ่งจำลองการเน้นไวยากรณ์ของ Coda ส่งอีเมลถึงฉันหากคุณต้องการใช้

jQuery.Syntaxเป็นปากกาเน้นข้อความไวยากรณ์ที่รวดเร็วและมีน้ำหนักเบามาก มีการโหลดไฟล์ซอร์สไวยากรณ์แบบไดนามิกและรวมอย่างสมบูรณ์โดยใช้ CSS หรือ modelines

ได้รับการพัฒนาโดยเฉพาะเพื่อเติมเต็มช่องว่างนั่นคือ: ตัวแยกวิเคราะห์ไวยากรณ์ฝั่งไคลเอ็นต์ที่รวดเร็วและสะอาด

หากคุณกำลังมองหาการเน้นไวยากรณ์ในการแก้ไขในเบราว์เซอร์ลองCodeMirror

ฉันไม่ได้โต้แย้ง แต่คิดว่ามันคุ้มค่าที่จะกล่าวถึงว่าหากคุณใช้ CMS หรือแพลตฟอร์มบล็อกการใช้ปากกาเน้นข้อความแบ็กเอนด์จะดีกว่าด้วยเหตุผลที่ชัดเจน - ดูGeshi ( http://qbnz.com/highlighter/ ) หากคุณสนใจ จริงๆแล้วคุณสามารถตั้งค่าเซิร์ฟเวอร์ของคุณเพื่อแยกวิเคราะห์เนื้อหา HTML ผ่านเทคโนโลยีแบ็กเอนด์ได้ดังนั้นจึงไม่จำเป็นต้องใช้เครื่องมือเน้นข้อความ JS เลย (ฟังก์ชันเดียวที่เพิ่มเข้ามาคือความสามารถในการพิมพ์ / คัดลอก [โดยใช้ swf])

SyntaxHighlighter

บทความนี้ที่ Web Resources Depotจะแสดงตัวเลือกมากมายสำหรับการไฮไลต์โค้ดซึ่งบางส่วนใช้ Javascript เผยแพร่เมื่อวันที่ 4 พฤษภาคม 2552