Para los estudiantes a los que les gusta escribir blogs técnicos, deben estar muy familiarizados con los componentes que destacan el código. Un excelente complemento de resaltado de código JavaScript lo ayudará a representar cualquier lenguaje de programación, incluida la coloración de algunas palabras clave y la sangría de cada línea de código. Hoy vamos a compartir algunos complementos de resaltamiento de código JavaScript de alto rendimiento. Estos complementos de resaltado de código JavaScript serán muy efectivos para ayudarlo a editar y mostrar código en las páginas web.
1. SyntaxhighLighter el mejor complemento de resaltado del código JavaScript
SyntaxHighLighter es un complemento que resalta el código que se basa completamente en JavaScript. Sintaxhighlighter puede colorear y representar la mayoría de los lenguajes de programación, y el rendimiento del resaltado del código también es muy bueno. SyntaxHighLighter puede personalizar el archivo del tema y especificar su tema favorito al inicializar.
Sitio web oficial: http://alexgorbatchev.com/syntaxhighlighter/
2. Google Code Prettify Free JavaScript Code destacando el complemento
Google Code Prettify es un código JavaScript que destaca el complemento lanzado por Google. Google Code Prettify puede resaltar y colorear C/C ++, Java, Python, Ruby, PHP, Visual Basic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles y algunos códigos de lenguaje de programación de PERL.
Sitio web oficial: http://code.google.com/p/google-code-prettify/
3. BRoint.js Multi-syle JavaScript Complemin de resaltamiento
SPART.JS es un proyecto JavaScript para resaltar y sombrear en cualquier página web para mostrar varias sintaxis del código fuente de muestra. Tiene las siguientes características:
Sitio web oficial: https://highlightjs.org/
4. Prism.js - complemento de resaltado de código JavaScript ligero
Prism.js es actualmente el enchufe más ligero de código JavaScript que resalta. Es solo 2 kb después de la compresión. Prism.js también admite los lenguajes de programación más populares y admite una variedad de estilos temáticos. Los desarrolladores solo necesitan hacer referencia a archivos CSS y archivos JS para completarlo.
Sitio web oficial: http://prismjs.com/
5. jQuery.Syntax jQuery Código liviano de resaltado complemento
Este complemento de resaltado de código se basa en jQuery, y también es liviano y hace que sea muy rápido. Al mismo tiempo, jQuery.Syntax también tiene una aplicación complementaria para WordPress. Para los bloggers personales, el uso de WordPress y jQuery.Syntax puede darse cuenta perfectamente de la función de resaltar de 0 generaciones.
Sitio web oficial: http://www.codeotaku.com/projects/jquery-syntax/index.en
6. DLHIGHLIGHT JQuery Código simple y eficiente que resalta el complemento
Dlhighlight es un complemento de resaltado de código basado en JavaScript, que es muy simple y actualmente solo admite JavaScript, CSS, XML y HTML.
Sitio web oficial: http://mihai.bazon.net/projects/javascript-syntax-highlighting-ingine
7. Rainbow.js Extensible JavaScript Code destacando complemento
Rainbow es una herramienta de resaltamiento de sintaxis desarrollada por JavaScript. Diseñado como liviano (solo 1.4 kb después de la compresión), es simple de usar y escalable. Los temas que resaltan la sintaxis están completamente definidos a través de CSS. Implementado basado en expresiones regulares.
Sitio web oficial: http://craig.is/making/Rainbows
Estos complementos de resaltado de código JavaScript se usan comúnmente. Si tiene mejores complementos de resaltado de código, háganoslo saber.
Resumir:
El mejor es el que más le convenga, por lo que el pedido en este artículo no significa el más recomendado. Debe elegir de acuerdo con las necesidades de su proyecto.