Rebel-66 2021-11-25 15:36 采纳率: 72.7%
浏览 54
已结题

js将字符串中的html语言识别成Html并存入输入框中

img

img

如图,我想问问,这个字符串实际是html语言
dutyLog.duty_log_context 是其中一个例子,他存在数据库中:

img

我怎么编写才能让他显示为:

img

这样?
求赐教

  • 写回答

3条回答 默认 最新

  • mrjimin 2021-11-25 16:50
    关注
    
    <!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Document</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.6.0/jquery.js"></script>
    </head>
    
    <body>
        <textarea name="" id="texts" cols="30" rows="10"></textarea>
    
        <pre id="pres"></pre>
    </body>
    
    <script>
        //正则去除html标签
        function matchReg(str) {
            let reg = /<\/?.+?\/?>/g;
            return str.replace(reg, '');
        }
    
        var pp = "<p>p标签</p>\n<p>p标签</p>";
    
        $(texts).html(matchReg(pp));
        //或者使用pre标签替代textarea,就不需要去除字符串的标签名
        $(pres).html(pp);
    
    </script>
    
    </html>
    
    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 1月5日
  • 已采纳回答 12月28日
  • 修改了问题 11月25日
  • 创建了问题 11月25日

悬赏问题

  • ¥15 ssh登录页面的问题
  • ¥60 渗透一个指定银行app,拿到客户信息,需要什么级别
  • ¥50 关于在matlab上对曲柄摇杆机构上一点的运动学仿真
  • ¥15 jetson nano
  • ¥15 :app:debugCompileClasspath'.
  • ¥15 windows c++内嵌qt出现数据转换问题。
  • ¥20 公众号如何实现点击超链接后自动发送文字
  • ¥15 用php隐藏类名和增加类名
  • ¥15 算法设计与分析课程的提问
  • ¥15 用MATLAB汇总拟合图