Подсветка кода и html теги в комментариях Disqus

Система комментирования Disqus изначально не предоставляет визуального редактора ( WYSIWYG) для вставки и редактирования html тегов в поле комментирования. Также, если вставить какой-либо код в тело комментария, то disqus его просто обрежет. Первоначально Disqus только предоставляет кнопу вставки изображения, которое будет прикреплено сразу же за текстовым содержимым комментария. Так же допускается вставка ссылки на youtube ролик, который будет отображаться в виде превьюшки в теле комментария. После вставки же обычной ссылки, она автоматически оборачивается тегом a, правда с атрибутом rel="nofollow".

Но как же быть, если нужно вставить еще какие-либо теги в комментарий? Это может быть вставка программного кода либо же просто нужно вставить блок с цитатой, либо же как то выделить текст(курсивом, жирным, подчеркнуть, зачеркнуть и так далее). В Disqus имеется возможность ручной вставки html тегов. Такая возможность описана в их официальной документации.

Можно вставлять одиночный тег br, который устанавливает перевод строки в том месте, где этот тег находится. Также можно вставлять и следующие парные теги:


<a>Тег для создания ссылок(атрибут target обрезается, title разрешен)</a>


<blockquote>Длинная цитата</blockquote>


<cite>Цитата (обычно помечается просто курсивом)</cite>


<q>Цитата (закрывает текст в кавычки)</q>


<b>Жирный текст</b>


<strong>Акцентирование текста (обычно выделяет жирным начертанием)</strong>


<span>Определение строчных элементов в документе</span>


<em>Курсив (логическая разметка)</em>


<i>Курсив (физическая разметка)</i>


<p>Параграф</p>


<s>Перечеркнутый текст</s>


<strike>Аналог <s>, тоже делает текст перечеркнутым</strike>


<u>Подчеркнутый текст</u>


<pre>Предварительно отформатированный шрифт</pre>


<code>Программный код</сode>

Для подсветки же синтаксиса кода нужно его просто обернуть в теги pre и code. По-умолчанию disqus будет сам определять язык, обернутый этими тегами, но есть также и возможность явно задать используемый язык:


<pre><code class="php">
$foo = 'bar';
print $foo;
</code></pre>

Поддерживаемые языки: Bash, Diff, JSON, Perl, C#, HTML/XML, Java, Python, C++ , HTTP, JavaScript, Ruby, CSS, Ini, PHP, SQL.