Ich nutze Disqus als Kommentarsystem, hier im Blog und auf anderen Projekten. Das hat alles Vor- und Nachteile, zu denen ich schon ein wenig schrieb. Heute möchte ich auf einen Punkt eingehen, der vielen unbekannt ist bzw. scheint es so. Es geht um die Formatierung von Kommentare im Disqus-Kommentarsystem. In einem Kommentar funktionieren nämlich diverse HTML-Tags, die sehr simpel angewandt werden können. Sogar Syntax-Highlighting ist möglich.

Im Detail können unter anderem folgende Formatierungen genutzt werden, wobei der Inhalt, bis auf den Zeilenumbruch, immer zwischen den HTML-Tags stehen muss und jedes Element einen schließenden Tag erfordert.

HTML-Tags für Disqus

• <br> Erzwingt Zeilenumbruch
• Link: <a href=”https://flip.de/”>Linktext</a>
• <b>Fetter Text</b>, auch möglich: <strong>Fetter Text<strong>
• <blockquote>Ein Zitat</blockquote>, auch möglich <cite>Ein kurzes Zitat</cite>
• <code>Code einfügen</code> Formatiert Code als Text
• <pre><code>Code einfügen</code></pre> Formatiert Code mit Syntax-Highlighting, sollte Sprache automatisch erkennen
• <i>Schrägschrift</i>
• <u>Unterstrichener Text</u>
• <s>Durchgestrichener Text</s>
• <p>Ein Absatz</p>
• Weitere sind möglich, aber werden wohl eher selten benötigt.

Beispiel: Code mit Syntax-Highlighting