Para os alunos que gostam de escrever blogs técnicos, eles devem estar muito familiarizados com o código que destaca os componentes. Um excelente código JavaScript que destaca o plug-in ajudará você a renderizar qualquer linguagem de programação, incluindo a coloração de algumas palavras-chave e o indentação de cada linha de código. Hoje vamos compartilhar alguns plugins de destaque de código JavaScript de alto desempenho. Esses plugins de destaque do código JavaScript serão muito eficazes para ajudá -lo a editar e exibir código nas páginas da web.
1. SyntaxHighLighter O melhor plugin de destaque do código JavaScript
SyntaxHighLighter é um código que destaca o plug-in completamente baseado no JavaScript. O SyntaxHighLighter pode colorir e renderizar a maioria das linguagens de programação, e o desempenho do destaque do código também é muito bom. O SyntaxHighLighter pode personalizar o arquivo de temas e especificar seu tema favorito ao inicializar.
Site oficial: http://alexgorbatchev.com/syntaxhighlighter/
2. Código do Google Prettify Free JavaScript Código de destaque do plugin
O Código do Google Prettify é um código JavaScript que destaca o plug-in lançado pelo Google. O Código do Google Prettify pode destacar e colorir C/C ++, Java, Python, Ruby, PHP, Visual Basic, Awk, Bash, SQL, HTML, XML, CSS, JavaScript, Makefiles e alguns códigos de linguagem de programação PERL.
Site oficial: http://code.google.com/p/google-code-prettify/
3. Highlight.js JavaScript Código de JavaScript Destacando o plugin
Destaque.js é um projeto JavaScript para destacar e sombrear em qualquer página da web para exibir várias sintaxe de código -fonte de amostra. Tem as seguintes características:
Site oficial: https://highlightjs.org/
4. PRISM.JS - Código JavaScript leve Plugin de destaque
Prism.js é atualmente o código JavaScript mais leve que destaca o plug-in. São apenas 2kb após a compressão. O Prism.js também suporta linguagens de programação mais populares e suporta uma variedade de estilos de temas. Os desenvolvedores precisam apenas fazer referência a arquivos CSS e JS para concluí -los.
Site oficial: http://prismjs.com/
5. JQuery.syntax jQuery Código leve de destaque do plugin
Este plug -in de destaque de código é baseado no jQuery e também é leve e torna muito rápido. Ao mesmo tempo, o jQuery.syntax também possui um aplicativo de plug-in para o WordPress. Para blogueiros pessoais, o uso do WordPress e JQuery.Syntax pode perceber perfeitamente a função de destaque de 0 gerações.
Site oficial: http://www.codeotaku.com/projects/jquery-syntax/index.en
6. Dlhighlight jQuery simples e eficiente Código destacando plug-in
A Dlhighlight é um código de destaque de código baseado em JavaScript, que é muito simples e atualmente suporta apenas JavaScript, CSS, XML e HTML.
Site oficial: http://mihai.bazon.net/projects/javascript-syntax-highlighting-engine
7. Rainbow.js Extensible JavaScript Code Destacando Plugin
Rainbow é uma ferramenta de destaque de sintaxe desenvolvida pela JavaScript. Projetado como leve (apenas 1,4 kb após a compactação), é simples de usar e escalável. Os temas de destaque da sintaxe são completamente definidos através do CSS. Implementado com base em expressões regulares.
Site oficial: http://craig.is/making/rainbows
Esses plugins de destaque do código JavaScript são comumente usados. Se você tiver um melhor plugins de destaque de código, informe -nos.
Resumir:
O melhor é o que mais combina com você, então a ordem deste artigo não significa mais recomendada. Você deve escolher de acordo com as necessidades do seu projeto.