SIRIUSでコードやタグをそのまま表示する方法

SIRIUSでHTMLのコードやタグを解説したいときなど、コードやタグを文字列のまま表示したい場合があります。そんなときはHTMLエスケープを使いましょう。

コードやタグの文字列をそのまま表示する

これはボタンのコードです。

ボタンのコードをそのまま貼れば、当たり前ですがボタンとして表示されてしまいます。これを

これはボタンのコードです。
<div class="btn02 red btn-rounded align-left"><a>ボタン</a></div>

このように文字列として表記したい。これはシリウスのHTMLエスケープ機能を使うことで可能になります。

コードを選択して、右クリックからコンテキストメニューを開き「HTMLエスケープ」→「HTMLエスケープ」を選択します。

このようにコードが文字列に変わったら成功です。一見バグのように見えますが、プレビューでは正常に表示されますので問題ありません。元に戻したい場合は「HTMLエスケープ」→「HTMLアンエスケープ」を選択してください。