html字符实体转义

HTML 中的预留字符必须被替换为字符实体。

常见字符对应表:
字符 描述 字符实体
空格  
< 小于号 &lt;
> 大于号 &gt;
" 双引号 &quot;
& 与号 &amp;
一、字符转义成字符实体
function char2entities (str) {
  // 数据字典
  const obj = {
    ' ': 'nbsp',
    '<': 'lt',
    '>': 'gt',
    '"': 'quot',
    '&': 'amp'
  }
  return str.replace(/( |<|>|"|&)/ig, (all, arg0) => {
    return `&${obj[arg0]};`
  })
}

测试:

console.log(char2entities(' 111<111>111"111&'))
// 结果:&nbsp;111&lt;111&gt;111&quot;111&amp;
二、字符实体转义成字符
function entities2char(str) {
  // 数据字典
  const obj = {
    'nbsp': ' ',
    'lt': '<',
    'gt': '>',
    'quot': '"',
    'amp': '&'
  }
  return str.replace(/&(nbsp|lt|gt|quot|amp);/ig, (all, arg0) => {
    return obj[arg0]
  })
}

测试:

console.log(entities2char('&nbsp;111&lt;111&gt;111&quot;111&amp;'))
// 结果: 111<111>111"111&
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  •   引用类型的值(对象)是引用类型的一个实例。   在 ECMAscript 中,引用类型是一种数据结构,用于将数...
    霜天晓阅读 1,104评论 0 1
  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,272评论 0 4
  • 官网 中文版本 好的网站 Content-type: text/htmlBASH Section: User ...
    不排版阅读 4,467评论 0 5
  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 27,758评论 1 45
  • 忘记别人的话,给自己一份美丽,给人生一份精彩,世界那么大,别错过缘分,别错过自己。忘了别人,不是忘了对自己好的人,...
    420_c644阅读 1,065评论 0 0