Javascript 转义编码预标记中的所有字符

我希望转义

标记中的所有代码，以便在浏览器中显示它

<pre><code>
  Code below
   <?php
     if ( $is_iphone ) { ?>
    <meta name="viewport" content="width=320; initial-scale=0.9; maximum-scale=1.0; user-scalable=0;" />
   <?php } ?>
</pre></code> 

<pre><code>
  Code below
    &lt;?php
      if ( $is_iphone ) { ?&gt;
        &lt;meta name="viewport" content="width=320; initial-scale=0.9; maximum-scale=1.0; user-scalable=0;" /&gt;
    &lt;?php } ?&gt; 
</pre></code>

<div id="dis" class="addesc1">
  Description Line 1
</div> 

这就是我要做的

代码如下

我希望使用jQuery来实现这一点。有功能吗

因此，输出将是

代码如下
？php
如果（$是iphone）{？
meta name=“viewport”content=“宽度=320；初始比例=0.9；最大比例=1.0；用户可伸缩性=0；”/
？php}？

你能用jQuery做到这一点吗

这是我的密码

$（函数（）
{
$（“#teatarea”）.keyup（函数（）
{
var textarea=$（this.val（）；
//我可以将此函数更改为文本而不是HTML，但我需要将标记保留为HTML以显示到浏览器？？？
$（“.addesc1”）.html（textarea）；
返回false；
});
});
`

HTML:

说明行1

正如您要求使用php创建textarea一样，我已经完成了演示

---

你不能像你要求的那样用jquery检索php，但是你可以试着通过ajax发布它，并获得值，就像你要求用php检索textarea一样我已经完成了这是演示

---

您不能按照要求使用jquery检索php，但可以尝试通过ajax发布php并获取值

是否需要在客户端上执行此操作？有没有理由不只是在PHP端这样做？如果您无法控制页面上的代码，那么在客户端上执行此操作甚至可能会带来安全风险。您好，我正试图使用它来执行类似于此网站上的快速表单预览。您必须按嵌套顺序关闭标记：

您需要在客户端执行此操作吗？有没有理由不只是在PHP端这样做？如果您无法控制页面上的代码，那么在客户端执行此操作甚至可能会带来安全风险。您好，我正尝试使用它来执行类似于此网站上的快速表单预览。您必须按嵌套顺序关闭标记：

<div id="dis" class="addesc1">
  Description Line 1
</div>