Maison >interface Web >js tutoriel >7 plugins de mise en évidence de code JavaScript hautes performances

7 plugins de mise en évidence de code JavaScript hautes performances

黄舟
黄舟original
2017-02-25 13:49:091830parcourir

Pour les étudiants qui aiment écrire des blogs techniques, ils doivent être très familiers avec le composant de mise en évidence de code. Un excellent plug-in de mise en évidence de code JavaScript vous aidera à restituer n'importe quel langage de programmation, y compris la coloration de certains mots-clés et l'indentation de chaque ligne de code. Aujourd'hui, nous allons partager quelques plug-ins de mise en évidence de code JavaScript hautes performances. Ces plug-ins de mise en évidence de code JavaScript vous aideront très efficacement à éditer et à afficher du code sur des pages Web.

1. SyntaxHighlighter – le meilleur plug-in de mise en évidence de code JavaScript

SyntaxHighlighter est un plug-in de mise en évidence de code entièrement basé sur JavaScript. SyntaxHighlighter peut coloriser et restituer la plupart des langages de programmation. et les performances de mise en évidence du code sont également très bonnes. SyntaxHighlighter peut personnaliser les fichiers de thème et spécifier votre thème préféré lors de l'initialisation.

Site officiel : http://www.php.cn/

2. Google Code Prettify – Plug-in gratuit de mise en évidence de code JavaScript

Google Code Prettify est un plug-in de mise en évidence de code JavaScript lancé par Google. Google Code Prettify peut mettre en évidence C/C, Java, Python, Ruby, PHP, VisualBasic, AWK, Bash, SQL, HTML, XML, CSS, JavaScript. , les Makefiles et des parties du code du langage de programmation Perl sont mis en évidence.

Site officiel : http://www.php.cn/

3. Highlight.js – plug-in de mise en évidence de code JavaScript multi-style

Highlight.js est un projet JavaScript utilisé pour mettre en évidence divers exemples de syntaxe de code source sur n'importe quelle page Web. Il possède les fonctionnalités suivantes :

  • Prend en charge 92 langues et 49 styles de formatage de code.

  • Détecter automatiquement les types de langues

  • Prise en charge de la mise en évidence de codes mixtes multilingues

  • Support Node . js

  • Prend en charge l'utilisation de toutes les balises HTML

  • Compatible avec n'importe quel framework js

Site officiel : http://www.php.cn/

4. Prism.JS - plug-in léger de mise en évidence du code JavaScript

Prism.JS est Actuellement, le plug-in de mise en évidence de code JavaScript le plus léger ne fait que 2 Ko après compression. Prism.JS prend également en charge les langages de programmation les plus populaires et prend en charge une variété de styles de thème. Les développeurs n'ont besoin que de référencer des fichiers CSS et JS. Finition.

Site officiel : http://www.php.cn/

5. jQuery.Syntax – Plug-in de mise en évidence de code léger jQuery

Ce plug-in de mise en évidence de code est basé sur jQuery, il est également léger et la vitesse de rendu est très rapide. Dans le même temps, jQuery.Syntax dispose également d'une application plug-in pour wordpress. Pour les blogueurs individuels, l'utilisation de wordpress et jQuery.Syntax peut parfaitement réaliser la fonction de mise en évidence des achats de génération zéro.

Site officiel : http://www.php.cn/

6. DlHighlight – Plug-in de mise en évidence de code jQuery simple et efficace

DlHighlight est un plug-in de mise en évidence de code basé sur JavaScript. Il est très simple et ne prend actuellement en charge que JavaScript, CSS, XML et HTML.

Site officiel : http://www.php.cn/

7. Rainbow.js – Plug-in de mise en évidence de code JavaScript extensible

Rainbow est un outil de coloration syntaxique développé pour JavaScript. Conçu pour être léger (seulement 1,4 Ko compressé), simple à utiliser et évolutif. Les thèmes de coloration syntaxique sont entièrement définis via CSS. Implémenté sur la base d'expressions régulières.

 

Ces plug-ins de mise en évidence de code JavaScript sont relativement couramment utilisés. Si vous disposez d'un meilleur plug-in de mise en évidence de code, veuillez nous le dire.

via:codeceo

Ce qui précède est le contenu de 7 plug-ins de mise en évidence de code JavaScript hautes performances. Pour plus de contenu connexe, veuillez faire attention au site Web PHP chinois (www.php. cn) !


Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn