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

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日

悬赏问题

  • ¥20 wireshark抓不到vlan
  • ¥20 关于#stm32#的问题：需要指导自动酸碱滴定仪的原理图程序代码及仿真
  • ¥20 设计一款异域新娘的视频相亲软件需要哪些技术支持
  • ¥15 stata安慰剂检验作图但是真实值不出现在图上
  • ¥15 c程序不知道为什么得不到结果
  • ¥40 复杂的限制性的商函数处理
  • ¥15 程序不包含适用于入口点的静态Main方法
  • ¥15 素材场景中光线烘焙后灯光失效
  • ¥15 请教一下各位，为什么我这个没有实现模拟点击
  • ¥15 执行 virtuoso 命令后，界面没有，cadence 启动不起来