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 magazine 12/2022

Meer over

Software

Deel dit artikel

Lees ook

Delock USB4 review: externe behuizing voor NVMe-ssd’s

In deze review kijken we naar de Delock USB4 externe behuizing voor NVMe-ssd’s die tot 40 Gbit/s door de kabel kan schieten. Althans, mits je een goed...

Panasonic SC-GN01 review: surroundsound voor om je nek

In deze reviewen werpen we een blik op een best uniek product, namelijk de Panasonic SC-GN01. Meestal bieden koptelefoons geen surroundsound en je thu...

0 Praat mee
avatar
  Abonneer  
Laat het mij weten wanneer er