Extension Highlight von Anna Svensson (installiert)

Die Erweiterung Highlight dient der Verbesserung der Lesbarkeit von Quellcodedarstellungen. Yellow bietet in der Standardvariante bereits die Möglichkeit, Quellcode im Editor mit Strg+E bzw. dem <>-Icon Quellcode zu formatieren, in dem

entweder innerhalb einer Zeile Teile in Hochkommas eingeschlossen werden (dargestellt mit dem HTML-Tag code) oder
ganze Zeilen zu Beginn und zum Ende in 3 aufeinanderfolgende Hochkommas eingeschlossen werden (dargestellt mit dem HTML-Tags pre und code).

Bei der Nutzung der Erweiterung Highlight kann man die Lesbarkeit verbessern, wenn man z.B.

``` javascript
``` html {.with-line-number}

verwendet.

Beispiele

JavaScript

var ready = function() 
{
    console.log("Hello world");
    // Add more JavaScript code here
}
window.addEventListener("DOMContentLoaded", ready, false);

CSS

html, body, div, form, pre, span, tr, th, td, img {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

Hervorhebung von HTML-Quellcode, mit und ohne Zeilennummer:

<body>
<p>Hello world!</p>
</body>

<body>
<p>Hello world!</p>
</body>

Es scheint jedoch bei HTML nicht zu funktionieren.