如何将用户输入的HTML源代码输出到网页上

如果没有后台的话 直接用js转换一下尖括号就可以了

基本代码如下：

<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js "></script>

<textarea id="htmls"></textarea>

<div id="out"></div>

<span id="clickBut">点击</span>

<script type="text/javascript">

 $("#clickBut").click(function(){

  var html = $("#htmls").val()

  html = html.replace(/</g,"&lt")

  html = html.replace(/</g,"&gt")

  html = html.replace(/\n/g,"<br>")

  html = html.replace(/\t/g,"&nbsp&nbsp&nbsp&nbsp")

  console.log(html)

  $("#out").html(html)

 })

</script>

我在mac chrome测试无问题。

具体的你可以根据自己的需求再修改。

页面中显示HTML标签源代码

归纳几种方法，根据需求选用：a: 把代码写在文本区域 <textarea>标签中。可以设置 disabled="disabled" 属性，禁止用户 *** 作。b: 把要显示在html文档中标签的 "<"、">" 用实体字符替换掉。如：<p&gt</p>外层嵌套<pre>标签可使页面与HTML格式一致。C: 用程序批量替换。

---