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

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

tado° Slimme Thermostaat review: efficiënt je huis verwarmen

In deze review werpen we een blik op de tado° V3+ slimme thermostaat waarmee je je huis op de meest efficiënte manier kunt verwarmen.  Hij is zowel be...

Eizo ColorEdge CS2400S review: monitor voor de creatievelingen

In deze review werpen we een blik op de XH510G2 van Shuttle. Dit is een veelzijdige barebone die veel flexibiliteit biedt. Dankzij de vele aansluitmog...

0 Praat mee
avatar
  Abonneer  
Laat het mij weten wanneer er