【解决element ui 富文本回显 p 标签问题】

2024-07-15 13:16| 来源: 网络整理| 查看: 265

解决element ui 富文本回显 p 标签问题问题背景：解决思路效果展示

问题背景：

问题描述：使用ruoyi-plus ui 的前端框架富文本控件editor进行数据提交，提交上去的内容回显带有HTML 的 p 标签，而我们想要去掉 p 标签这时就要清空提交的HTML标签。

// 常规的内容引用 prop

在这里插入图片描述

解决思路

我们想要去除内容旁边的 p 标签这时就可以使用正则表达式来讲HTML的内容进行替换更改，在vue method中进行定义。

method ： //移除HTML标签 delTag(str){ return str.replace(/]+>/g,""); },

在回显内容中调用该方法：

//调用method：中已经写好的 delTag 方法 {{ delTag(scope.row.xxxx) }} 效果展示

效果图

【本文地址】

今日新闻