Disqusで使えるHTMLタグ一覧

2017/03/14 HimaJyun

このブログではコメント欄にDisqusを使用しています。

そのDisqusですが、どうやらHTMLタグが使えたり、シンタックスハイライトが出来たりするみたいです。

案外知られていない機能みたいなので軽くまとめてみました。

Disqusで使えるHTML

もちろん全てのHTMLが使えるわけではありません、そんな事が出来てしまうとXSSやりたい放題です。

公式の情報は「What HTML tags are allowed within comments?」に掲載されています。

HTMLと同じなので細かい解説はしませんが、以下のタグが利用可能です。

実際に使うのは<a>、、、<s>みたいな装飾系だけじゃないかなと予想

マ族(プログラマ)には嬉しいシンタックスハイライト機能

シンタックスハイライトは<pre><code>で囲むことで可能です。

こんな感じ。

<pre><code>
var foo = 'bar';
alert('foo');
</pre></code>

言語は自動で検出されるらしい、自分で指定したい場合は以下のように。

<pre><code class="javascript">
var foo = 'bar';
alert('foo');
</code></pre>

対応している言語は以下の16種類

主要な言語は対応している、ところでHTTPってなんだ……？「GET / HTTP/1.1」みたいな奴か？

「<」や「>」でタグが閉じられてしまう場合には「<」や「>」を使うと良い……的な事が書いてある。

スポイラーってのは、ユーザが特定の操作を行わないと表示されないもの。

良くあるのが折りたたみ機能みたいなもの。

Disqusでのスポイラーは文字がグレーになり、マウスを重ねると表示されるという形。

「<spoiler>」タグで囲むとOK、ネタバレ防止とかには使えるかも？

以下ネタバレ
<spoiler>そのキャラ最後に死ぬ</spoiler>

みたいな？

そもそもはコメント機能なのであまり派手な装飾は出来ないが、シンタックスハイライトはありがたい。

特に私みたいなサイトであればコメントにソースコードをペターすることは十分想定されるので。