Code overzichtelijk opmaken

Alieke van Sommeren
0

highlight.js. zorgt voor nette overzichtelijke codeblokken op websites. De JavaScript-bibliotheek herkent de gebruikte taal.

Programmeercode zonder opmaak is erg onprettig om te lezen. Om die reden werken programmeurs graag in developeromgevingen die de coderegels opmaken met verschillende kleuren en gemarkeerde sleutelwoorden, afhankelijk van de gebruikte programmeertaal. Voor nuttige highlighting moet de IDE overweg kunnen met de syntax.

highlight.js

Als je je zorgvuldig in elkaar gezette code op een blog wilt publiceren of ergens in online documentatie wilt opnemen, is highlight.js een handige tool. Deze gebruikt nuttige en goed werkende highlighting. Als je de code eenmaal op de website hebt geplaats in de vorm van een CSS- en Java- Script-bestand, gaat de bibliotheek op zoek naar <code>- en <pre>-blokken in de code en probeert daarbij zelf de gebruikte taal van te herkennen.

Er is een plug-in beschikbaar om de bibliotheek in een WordPress-blog te kunnen gebruiken. Naar eigen zeggen herkent de bibliotheek 185 talen. Een grote en actieve community zorgt dat alles bij de tijd blijft. En highlight.js biedt een groot aantal stijlen (tegen de 90 stuks) die lijken op de looks van de populaire IDE’s. Er zijn klassieke stijlen met felle achtergrond of versies met moderne donkere lay-out. Op die manier is de code ook qua looks makkelijker te matchen met online content.

highlight.js

Syntax highlighting voor websites
Producenthighlightjs.org
Kenmerkenbeschikbaar voor node.js, compatibel met js-frameworks
Prijsgratis (BSD-licentie)

 

 

Meer handige software vind je in c't 05/2024

Meer over

Software

Deel dit artikel

Alieke van Sommeren
Alieke van SommerenTypen geleerd op een 8086 met DOS 5.0 en al vroeg zelf aan het pc-(ver)bouwen geslagen. Speelt graag pc-games, houdt van gadgets en klikt ook wat rond op een MacBook.

Lees ook

Synology BeeStation review: speciaal ontworpen NAS voor beginners

In deze review werpen we een blik op de BeeStation van Synology. Dit is een NAS voor beginners, die niet meteen overweldigd willen worden door allerle...

CyberGhost VPN review: goedkope VPN-aanbieder in de test

In deze review werpen we een blik op een blik op een VPN-aanbieder, namelijk CyberGhost VPN. Deze VPN heeft een breed portfolio aan apps en verspreide...

0 Praat mee
avatar
  Abonneer  
Laat het mij weten wanneer er