テキストボックスにソースコード(HTML)を表示したい

Question

ホームページのソースコードをテキストボックスに表示する場合に、「< **> &」**がそれぞれ「< > &」にエンコードされてしまいます。それを防ぐ方法はないでしょうか？

例えば、以下のHTMLソースコードがあるとします。

<p><strong>ソースコードサンプル</strong></p>
<pre>
&lt;button id="hoge"&gt;HogeButton&lt;/button&gt;
</pre>

テキストボックスに表示すると、

<p><strong>ソースコードサンプル</strong></p>
<pre>
<button id="hoge">HogeButton</button>
</pre>

になってしまいます。テキストボックスに表示する際は、エンコードせずに、以下のように表示したいのです。

<p><strong>ソースコードサンプル</strong></p>
<pre>
&lt;button id="hoge"&gt;HogeButton&lt;/button&gt;
</pre>

以上よろしくお願い致します。

Comments

[kunai]

テキストボックスと言うのが何を意図しているのか、明確にしていただけますか。

Answer 1

&を&に変更すればよいでしょう。
<→&lt;、>→&gt;、&→&amp;

<textarea>
&lt;p&gt;&lt;strong&gt;ソースコードサンプル&lt;/strong&gt;&lt;/p&gt;
&lt;pre&gt;
&amp;lt;button id="hoge"&amp;gt;HogeButton&amp;lt;/button&amp;gt;
&lt;/pre&gt;
</textarea>

Answer 2

こちらでいかがでしょう？
<→<

Answer 3

こういうことではない？

<button id="hoge">HogeButton</button>