HTML Escape Tool

Um HTML-Code auf einer Webseite darstellen zu können, muss dieser "escaped" werden. Dieses Tool wandelt die zu escapene Zeichen um
Kommentar abgeben zu diesen Beitrag/Code ?
Dann hier klicken

Der hier verwendete Code

<link href="/css_webseite/bootstrap.min.css" rel="stylesheet" media="screen">
<link href="/css_webseite/all.css" rel="stylesheet" media="screen">
<script src='/js_webseite/jquery.js' ></script>
<form>
<h1>HTML-Escape-Tool</h1>
<p>Um HTML-Code auf einer Webseite darstellen zu können, muss dieser "escaped" werden.
Hierbei werden die folgenden Elemente ersetzt:</p>
<pre>
&quot; wird ersetzt durch &amp;quot;
&amp; ird ersetzt durch &amp;amp;
&lt; ird ersetzt durch &amp;lt;
&gt; ird ersetzt durch &amp;gt;</pre>
<p>Dadurch wird der Code als Code dargestellt und nicht mehr vom Browser interpretiert.</p>
<hr />
<div class="panel panel-info">
<div class="panel-heading">
<h2 class="panel-title">Eingabe</h2>
</div>
<div class="panel-body">
<div class="form-group">
<label>Text / Beschriftung</label>
<textarea class="form-control" id="input" rows="5"></textarea>
</div>
<div class="form-group">
<input type="checkbox" name="pre" id="pre" /> PRE-Tag (vorformatierter Text) einfügen<br />
</div>
</div>
</div>
<hr />
<div class="panel panel-primary">
<div class="panel-heading">
<h2 class="panel-title">Code</h2>
</div>
<div class="panel-body">
<textarea class="form-control" id="outputHtml" rows="8"></textarea>
<br />
XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX