HTMLタグ貼り付け用エスケープツール(pre、codeタグ内で使う用)

HTMLタグを表示できるようにエスケープします。

元のデータ：

エスケープされたデータ：
<pre>で囲む
<code>で囲む
<pre>にクラスを指定する
<code>にクラスを指定する

「元のデータ」というテキストエリアに表示したい文字列を入力すると、下にある「エスケープされたデータ」というテキストエリアにエスケープ済のデータが出力されます。

下のチェックボックスをチェックすると、そのまま貼り付けられるようにタグで囲みます。

<pre><code>～</code><pre>

また、それぞれのタグにクラスを指定することもできます。

<pre><code class="language-html">～</code><pre>

エスケープの対象となるのは以下の5文字です。

免責事項：
当ツールの利用における損害・トラブル等が発生した場合でも一切の責任を負いかねます。