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

Verwandte Themen

Über uns

Stefan Wienströer

Wir entwickeln Webanwendungen mit viel Leidenschaft. Unser Wissen geben wir dabei gerne weiter. Mehr über a coding project

Auch interessant