富文本回显 p 标签?去不掉怎么办?如何解决?

使用前端框架富文本控件上传的上传的数据,回显到文本框时显示<p></p>标签,并且数据库里面的数据也为带有p标签的数据,如何去掉

解决办法

使用正则表达式来讲HTML的内容进行替换更改,在vue中定义方法

//移除HTML标签
const delTag = (str) =>{
  return str.replace(/<[^>]+>/g,"");
}

调用该方法

//调用method:中已经写好的 delTag 方法
<el-text truncated>
   {{ delTag(article.content) }}
</el-text>

即可去除p标签

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-04-12 02:16:03       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-04-12 02:16:03       101 阅读
  3. 在Django里面运行非项目文件

    2024-04-12 02:16:03       82 阅读
  4. Python语言-面向对象

    2024-04-12 02:16:03       91 阅读

热门阅读

  1. 程序员面试经典——01.01. 判定字符是否唯一

    2024-04-12 02:16:03       35 阅读
  2. 设计基于锁的并发数据结构

    2024-04-12 02:16:03       38 阅读
  3. python——循环语句

    2024-04-12 02:16:03       36 阅读
  4. 蓝桥杯备考随手记: 动态规划

    2024-04-12 02:16:03       37 阅读
  5. 生成式伪造语音安全问题与解决方案(上)

    2024-04-12 02:16:03       39 阅读
  6. redis缓存实现分布式锁原理及注意事项(附代码)

    2024-04-12 02:16:03       34 阅读
  7. 《牛客》-E可口蛋糕

    2024-04-12 02:16:03       41 阅读
  8. 原型设计模式

    2024-04-12 02:16:03       34 阅读