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

Question

如题所述

Answer 1

如果没有后台的话 直接用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测试无问题。

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