0251 / 590 837 15
info@a-coding-project.de

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;
}
?>

Wer auf diese Seite gekommen ist, um einen Editor mit Syntax-Highlighting zu suchen, der kann sich diesen kostenlosen WebEditor ansehen.

Verwandte Themen