首页 > 其他分享 >JS 富文本编码、解码

JS 富文本编码、解码

时间:2023-08-02 15:35:52浏览次数:56  
标签:encodedText 编码 JS 解码 replace 文本

<rich-text :selectable="true" :nodes="decodedText"></rich-text>




const encodedText = '<img src="https://zhxkj-1309150347.cos.ap-guangzhou.myqcloud.com/mall/detail/20221229162213_8539.jpg" alt="" /><img src="https://zhxkj-1309150347.cos.ap-guangzhou.myqcloud.com/mall/detail/20221229162223_7062.jpg" alt="" /&g';

const decodedText = encodedText.replace(/</g, '<')
  .replace(/>/g, '>')
  .replace(/"/g, '"')
  .replace(/&/g, '&');
//把拿到的图片自适应
.replace(/\<img/gi, '<img style="width:100%;height:auto" ')
.replace(/style="text-wrap: wrap;"/gi, '')

console.log(decodedText);

  

标签:encodedText,编码,JS,解码,replace,文本
From: https://www.cnblogs.com/bshit/p/17600820.html

相关文章

  • js去掉html中所有的标签、空格和回车换行符只保留文本
    replaceText(val){if(val!=null&&val!=""){varre1=newRegExp("<.+?>|&.+?;","g");//匹配html标签的正则表达式,"g"是搜索匹配多个符合的内容varmsg=val.replace(re1,"");//执行替换成空字符msg=......
  • js上传文件到服务器指定文件夹问题
    ​ 一、概述 所谓断点续传,其实只是指下载,也就是要从文件已经下载的地方开始继续下载。在以前版本的HTTP协议是不支持断点的,HTTP/1.1开始就支持了。一般断点下载时才用到Range和Content-Range实体头。HTTP协议本身不支持断点上传,需要自己实现。 二、Range  用于请求头......
  • 医疗知识图谱问答——文本分类解析
    前言Neo4j的数据库构建完成后,现在就是要实现医疗知识的解答功能了。因为是初版,这里的问题解答不会涉及深度学习,目前只是一个条件查询的过程。而这个过程包括对问题的关键词拆解分类,然后提取词语和类型去图数据库查询,最后就是根据查询结果和问题类型组装语言完成回答,那么以下就是完......
  • post 传递参数 只有data json 和**kwargs, 不能是params
    importrequestsHOST='https://ip.com'URL='/posts/'url=HOST+URLjson={"title":"foo","body":"bar","userId":1}res=requests.post(url,json=json)print(res.json())print(......
  • Json Web Token
    什么是JsonWebTokenJWT代表JSONWebToken,是一种用于在网络应用中传递信息的安全、紧凑的标准。它主要用于身份验证和授权,并且被广泛用于前后端分离的应用和单点登录系统。JWT由三部分组成,通过点号(.)分隔,分别是:Header(头部):包含了两部分信息,令牌的类型(通常是"JWT")和所使用的......
  • JS优化技巧,解决冗余代码
    1.使用箭头函数简化函数定义//传统函数定义functionadd(a,b){returna+b;}//箭头函数简化constadd=(a,b)=>a+b;2.使用解构赋值简化变量声明//传统变量声明constfirstName=person.firstName;constlastName=pers......
  • react源码解析手写ReactDom.js和React
    前言大家好我是歌谣今天给大家带来react源码部分的实现创建项目首先npxcreate-react-appxxx降为17"dependencies":{"@testing-library/jest-dom":"^5.11.4","@testing-library/react":"^11.1.0","@testing-library/user-event&......
  • JS是门单线程语言
    多线程语言的好处是,在同一时间让cpu处理多个事情。充分的利用cpu多核多线程的资源优势。程序也会执行的更快!支持多线程的语言有特别多,比如java、python等等,但是也有单线程语言如jsclassRunnableDemoimplementsRunnable{privateThreadt;privatefinalStr......
  • jsp上传文件到服务器指定文件夹问题
    ​ javaweb上传文件上传文件的jsp中的部分上传文件同样可以使用form表单向后端发请求,也可以使用ajax向后端发请求    1.通过form表单向后端发送请求         <formid="postForm"action="${pageContext.request.contextPath}/UploadServlet"method="post"e......
  • NodeJS系列(7)- Ant Design Pro 简介
    AntDesignPro是基于AntDesign和umi的封装的一整套企业级中后台前端/设计解决方案,致力于在设计规范和基础组件的基础上,继续向上构建,提炼出典型模板/业务组件/配套设计资源,进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。AntDesign是一套企业级......