SyntaxHighlighter

Lær at brug Alex Gorbatchev's SyntaxHighlighter. Med mine forbedringer.

SyntaxHighlighter

Her på hjemmeside bruger jeg Alex Gorbatchev's SyntaxHighlighter til at gøre koden flot med farver og let at læse.

Hvis du også vil have det på din hjemmeside kan du gå ind på https://alexgorbatchev.com/SyntaxHighlighter/ og downloade den seneste version.

Du kan bidrage til kildekoden på github.com.

Koden kan bruges som her (Fjern ]]> til sidst).

PRØV SYNTAXHIGHLIGHTER DEMO

Ved at dobbeltklikke i kodefeltet kan man let kopiere alt indholdet.

Hvis man inkluder JavaScript kode mellem så skal man lave <script og </script om til &lt;script og &lt;/script.

Der er lidt små problemer med syntaxhighlighteren.

Fejl og rettelser

Typen syntaxhighlighter validere ikke som en gyldig type i en HTML validator fordi der ikke er nogen undertype.
Jeg har rettet det til text/syntaxhighlighter i min kode som validere.

Der kommer en lodret scrollbar selvom man ikke ønsker det i nogle browsere.
Rettet i min kode.

Når man dobbeltklikker i kodeboksen for at marker alt teksten og kopiere den ind i sit tekstredigeringsprogram så laves   (non-breaking-space) om til hexadecimal værdien "C2 A0" i stedet for mellemrum hex "20".
Rettet med for (var i = 0; i < code.length; i++) ... code[i] = code[i].replace(/\u00a0/g, ' ');


Her er filerne med mine rettelser :
//netkoder.dk/netkoder/javascript/xregexp.js
//netkoder.dk/syntaxhighlighter3.0.83gris2/src/shCore.js
//netkoder.dk/syntaxhighlighter3.0.83gris2/scripts/shBrushJScript.js
//netkoder.dk/syntaxhighlighter3.0.83gris2/scripts/shBrushXml.js
//netkoder.dk/syntaxhighlighter3.0.83gris2/styles/shCore.css
//netkoder.dk/syntaxhighlighter3.0.83gris2/styles/shThemeRDark.css

Hvis du har nogen spørgsmål så kontakt mig gerne.

Mine ændringer

SyntaxHighlighter 3.0.83 ændringer :

Skriv din kommentar

Spørg mig om hvad som helst
Du kan også skrive direkte til mig på
Stem
Søg
Language

Select English to navigate the website in English. Things like the navigation menu and contact form will be in English, but the main content on each page will not be translated.