当前位置: 首页 > article >正文

【JS】html字符转义

需求

  1. 将html转为字符串
  2. 将html字符串转义,比如<div>转为&lt;div&gt;

/**
 * html标签字符转义
 * @param {Stirng} str 要转换的html字符
 * @returns String 返回转义的html字符串
 */
const elToStr = str => str.replaceAll('<', '&lt;').replaceAll('>', '&gt;')

console.log(elToStr(
`<div id="app"></div>
<script
  type="module"
  src="/src/main.js">
  console.log(1)
</script>`
));

运行结果图

在这里插入图片描述


http://www.kler.cn/a/271981.html

相关文章:

  • STM32-CAN总线
  • 【前端知识】简单易懂的vue前端页面元素权限控制
  • Web安全攻防入门教程——hvv行动详解
  • 低代码系统-产品架构案例介绍、明道云(七)
  • 【深度学习】Java DL4J 2024年度技术总结
  • 【达梦数据库】两地三中心环境总结
  • 【算法】火柴排队(离散化、归并排序)
  • 如何使用vue定义组件之——父组件调用子组件数据
  • 【2024第一期CANN训练营】4、AscendCL推理应用开发
  • QT----基于QT的人脸考勤系统
  • ROS 语音交互(二)nlp
  • 贡献法:USACO 2021 December Contest Bronze:孤独的照片
  • reloading,一个很实用的Python库!
  • 2024年视频制作软件哪个好用?盘点10个视频剪辑软件,哪个更适合你
  • Flink程序员开发利器本地化WebUI生成
  • 机器人路径规划:基于改进型A*算法的机器人路径规划(提供Python代码)
  • 【Jetson Nano】jetson nano一些基本功能命令
  • 某赛通电子文档安全管理系统 DecryptApplication 任意文件读取漏洞(2024年3月发布)
  • PHP魔术方法详解
  • 【软考高项】七、信息技术发展之存储、数据库、信息安全
  • Vue-router3.0版本跳转报错
  • 【MySQL】ROW_NUMBER 窗口函数妙用之报告系统状态的连续日期
  • Springboot 整合 Elasticsearch(五):使用RestHighLevelClient操作ES ②
  • ClickHouse中的设置的分类
  • 【LeetCode热题100】24. 两两交换链表中的节点(链表)
  • 树与二叉树(数据结构)