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 11/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

Akasa Pi-5 Pro review: fanless behuizing voor de Raspberry Pi 5

De Raspberry Pi 5 levert aardig wat prestaties en moet daarom actief gekoeld worden. De Akasa Pi-5 Pro Pi-behuizing die we in deze review bespreken do...

Philips M140 M.2 ssd review: PCIe 3.0 met hoge IOPS-waarden

Nu ssd's met PCIe 5.0 steeds sneller worden, introduceert Philips een nieuwe ssd-lijn die gebruikmaakt van PCIe 3.0. Dankzij de hoge IOPS-waarden is e...

0 Praat mee
avatar
  Abonneer  
Laat het mij weten wanneer er