首页 > 其他分享 >vue利用正则去除富文本的标签和样式

vue利用正则去除富文本的标签和样式

时间:2023-04-19 15:56:51浏览次数:33  
标签:vue 标签 replace 正则 html let newHtml 去除

const removeHtmlStyle =(html :any)=> {

let relStyle = /style\s*?=\s*?([‘"])[\s\S]*?\1/g;

//去除样式

let relTag = /<.+?>/g;

//去除标签

let relClass = /class\s*?=\s*?([‘"])[\s\S]*?\1/g;

// 清除类名 let newHtml = "";

   if (html) {

   newHtml = html.replace(relStyle, "");

   newHtml = newHtml.replace(relTag, '');

    newHtml = newHtml.replace(relClass, '');

   }

   return newHtml;

};

标签:vue,标签,replace,正则,html,let,newHtml,去除
From: https://www.cnblogs.com/web-chuanfa/p/17333579.html

相关文章

  • 运行一个vue项目vite-electron-vue
    必备软件:1)visualstudiocode2)nodejs18.16.03)yarn下载源码:项目fork自https://gitee.com/mywink/vite-electron.gitgitclonehttps://gitee.com/panie/vite-electron-vue.git运行项目1/采用vscode打开文件夹2/查看一下各种命令的版本$node-vv18.16.0$......
  • 使用Vue.js实现文字跑马灯效果
    实现文字跑马灯效果,首先用到substring()截取和setInterval计时器clearInterval()清除计时器效果如下:实现代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatible"content=&......
  • js页面将数据传给vue页面
    js页面 vue页面接收 ......
  • 正则表达式--正负整数
    BOOLCheckNumValid(CStringstrIn){ wstringszName=strIn.GetBuffer(); strIn.ReleaseBuffer(); std::wregexreg(L"^(([1-9]+\d*)|(0{1}))(.\d{1,2})?"); std::wsmatchresult; BOOLbIsValid=regex_match(szName,result,reg); if(!bIsValid) {......
  • Vue 3.0的使用
    目录创建项目vue_cli创建项目vite创建项目常用APIsetup()基本使用示例ref与reactiveref与reactivetoRef与toRefs计算属性computed示例监听属性watch示例监听属性watchEffect示例新的生命周期钩子函数使用vite创建的项目创建项目vue_cli创建项目vue_cli的安装见:https://www.cnb......
  • vue3微信公众号商城项目实战系列(8)商品展示页面
    本篇实现在首页展示商品功能,表结构如下:表名字段功能goodsgoods_id(int)商品编号goods_name(varchar)商品名称photo(varchar)商品图片price(decimal)价格商品表页面呈现效果如下: 第1步:在api.js中加入获取首页商品信息和加购物车的接口方法,如下......
  • Vue进阶(六十二):理解$nextTick()
    一、实例介绍有一个div,默认用了v-if隐藏,点击按钮之后,改变v-if的值让他显示出来,并且取到div中的值:<divid=app><divid="div"v-if="showDiv">我是显示文本</div><button@click="showAndGetText">获取内容</button></div><script>va......
  • vue+ant中input输入框校验,不符合条件的输入无效
    1.只能输入数字/小数点/负号2.只能有一个负号,只能有一个小数点3.第一位不能直接输入小数点,输入负号后不能直接跟随小数点4.第一位输入为0时或-0时,只能跟随小数点,不能跟随数字例如01095.小数点后只能输入两位数字,不可输入其他,并且最后一位不能为0 6.因为是实时校验......
  • 如何在 vue3 中使用 jsx/tsx?
    我们都知道,通常情况下我们使用vue大多都是用的SFC(SignleFileComponent)单文件组件模式,即一个组件就是一个文件,但其实Vue也是支持使用JSX来编写组件的。这里不讨论SFC和JSX的好坏,这个仁者见仁智者见智。本篇文章旨在带领大家快速了解和使用Vue中的JSX语法,好......
  • 【Vue2.x源码系列06】计算属性computed原理
    上一章Vue2异步更新和nextTick原理,我们介绍了JavaScript执行机制是什么?nextTick源码是如何实现的?以及Vue是如何异步更新渲染的?本章目标计算属性是如何实现的?计算属性缓存原理-带有dirty属性的watcher洋葱模型的应用初始化在Vue初始化实例的过程中,如果用户options选......