当前位置： 首页 > article >正文

【uniapp】富文本

article 2025/1/25 9:15:40

1、富文本显示，只显示文字，其余html不显示

功能：红框处其实是一个富文本，有图片之类的。但是现在不想根据html显示，只显示文字。

 直接上代码

//内容显示
<view>{{item.fhArticleVo.content}}</view>
// 下拉刷新
			downCallback(page) {
				this.information()
				this.servicesPurchasedByUsers()
				this.fActivityList()
				this.api.invitation({
					pageNum: 1, //这个是upOption中的page传递的，upCallback的参数
					pageSize: page.size
				}).then(res => {
					res.rows.forEach(i => {
						i.fhArticleVo.content = this.delHtmlTag(i.fhArticleVo.content)
					})
					this.wordList = res.rows; //追加新数据
					this.mescroll.endBySize(res.rows.length, res.total); //隐藏加载状态
				}).catch(() => {
					//联网失败, 结束加载
					this.mescroll.endErr();
				})
			},
			// 删除html标签,只显示文字
			delHtmlTag(str) {
				return str.replace(/<\/?.+?>/g, "").replace(/&nbsp;/g, "").replace(/&lt;/g, "").replace(/&gt;/g, "");
			},

2、富文本mp-html的使用

我之前有试过其他富文本，但是效果都不太好，所以选择了这个。

在插件商城里导入文件，然后直接使用即可，不需要引入

<mp-html :content="content.fhArticleVo.content" />


http://www.kler.cn/a/106186.html

相关文章：

  • 掌握Spring事务隔离级别，提升并发处理能力
  • 前端发送Ajax请求的技术Axios
  • Mongodb 慢查询日志分析 - 1
  • Java 高级工程师面试高频题：JVM+Redis+ 并发 + 算法 + 框架
  • 云原生时代，如何构建高效分布式监控系统
  • 差分进化算法 (Differential Evolution) 算法详解及案例分析
  • 棋盘格测距-单目相机（OpenCV/C++）
  • nginx浏览器缓存和上流缓存expires指令_nginx配置HTTPS
  • Miniconda、Vscode下载和conda源、pip源设置
  • RHCE8 资料整理（四）
  • 【机器学习可解释性】3.部分依赖图
  • Java API访问HDFS
  • 2.18每日一题（不直接给f(x)的定积分及变上限积分）
  • TSINGSEE青犀智慧仓储可视化视频智能监管系统方案
  • Flume基本使用--mysql数据输出
  • 微前端qiankun接入Vue和React项目
  • CNN实现与训练--------------以cifar10数据集为例进行演示（基于Tensorflow）
  • JDK11下载、安装与配置、运行第一个Java程序教程
  • 虹科 | 解决方案 | 汽车示波器 学校教学方案
  • 安装 tensorflow==1.15.2 遇见的问题
  • 一文了解独立站黑科技：clock斗篷技术
  • [推荐]Linux安装与配置虚拟机之虚拟机服务器坏境配置
  • Elasticsearch：使用 Open AI 和 Langchain 的 RAG - Retrieval Augmented Generation （一）
  • 『第七章』翩翩起舞的雨燕：顺序与并发执行
  • Games104现代游戏引擎笔记 网络游戏架构基础
  • 4.1 网络基础之网络IO