Syntax-Highlighting nach HTML (um Quellcode zu veröffentlichen)

Vor kurzem habe ich lange nach eine Website gesucht, welches meinen Code nach HTML gehighlightet. Also so, dass ich ihn auf meiner Seite mit Syntax-Highlighting ausgeben kann. Dort bin ich auf eine Seite gestoßen, welche dieses für sehr viele Programmiersprachen kann.

Die Seite heißt tohtml.com.

Hier ist ein kleines Beispiel für PHP:

Den Code den ich eingegeben habe:

<?PHP
$message = „Testnachricht“;
if($message != „“){
echo $message;
}
?>

ist also nichts besonderes. Wenn ich nun in der Combobox PHP auswähle und auf Highlight klicke, bekomme ich folgenden Quellcode:

<pre style=’color:#000000;background:#ffffff;‘><span style=’color:#a65700; background:#ffffe8; ‚>&lt;?</span><span style=’color:#000000; background:#ffffe8; ‚>PHP</span>
<span style=’color:#000000; background:#ffffe8; ‚>$message</span><span style=’color:#000000; background:#ffffe8; ‚> </span><span style=’color:#808030; background:#ffffe8; ‚>=</span><span style=’color:#000000; background:#ffffe8; ‚> </span><span style=’color:#0000e6; background:#ffffe8; ‚>“Testnachricht“</span><span style=’color:#800080; background:#ffffe8; ‚>;</span><span style=’color:#000000; background:#ffffe8; ‚></span>
<span style=’color:#800000; background:#ffffe8; font-weight:bold; ‚>if</span><span style=’color:#808030; background:#ffffe8; ‚>(</span><span style=’color:#000000; background:#ffffe8; ‚>$message</span><span style=’color:#000000; background:#ffffe8; ‚> </span><span style=’color:#808030; background:#ffffe8; ‚>!</span><span style=’color:#808030; background:#ffffe8; ‚>=</span><span style=’color:#000000; background:#ffffe8; ‚> </span><span style=’color:#0000e6; background:#ffffe8; ‚>““</span><span style=’color:#808030; background:#ffffe8; ‚>)</span><span style=’color:#800080; background:#ffffe8; ‚>{</span><span style=’color:#000000; background:#ffffe8; ‚></span>
<span style=’color:#000000; background:#ffffe8; ‚>&#xa0;&#xa0;</span><span style=’color:#800000; background:#ffffe8; font-weight:bold; ‚>echo</span><span style=’color:#000000; background:#ffffe8; ‚> </span><span style=’color:#000000; background:#ffffe8; ‚>$message</span><span style=’color:#800080; background:#ffffe8; ‚>;</span><span style=’color:#000000; background:#ffffe8; ‚></span>
<span style=’color:#800080; background:#ffffe8; ‚>}</span><span style=’color:#000000; background:#ffffe8; ‚></span>
<span style=’color:#a65700; background:#ffffe8; ‚>?></span>
</pre>

Und auf der Seite sieht das ganze nachher so aus:

<?PHP
$message = "Testnachricht";
if($message != ""){
  echo $message;
}
?>

Verwandte Themen

• online syntax highlighting (uucode.com , en)

Du arbeitest in einer Agentur oder als Freelancer?
Dann wirf doch mal einen Blick auf meine Software FeatValue.

Über mich

Ich entwickle Webanwendungen mit viel Leidenschaft. Mein Wissen gebe ich dabei gerne weiter. Mehr über a coding project