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 nov/2019

Meer over

Software

Deel dit artikel

Lees ook

VirusTotal Mobile: gespuis detecteren onder Android

De app VirusTotal for Android geeft meteen aan het begin al een disclaimer dat de app geen realtime virusscanner is. Maar het is wel een handige tool ...

Externe behuizing voor ssd of harde schijf: 8 modellen getest

Een (oude) harde schijf of ssd kun je in een usb-behuizing stoppen en als extern opslagmedium gebruiken. We hebben een aantal modellen externe behuizi...

0 Praat mee

avatar
  Abonneer  
Laat het mij weten wanneer er