uniapp坑之rich-text标签渲染富文本时video会消失.

最新推荐文章于 2024-06-19 14:31:33 发布
最新推荐文章于 2024-06-19 14:31:33 发布
阅读量3.2k 收藏 10
点赞数 6
分类专栏： 前端-uniapp 文章标签： html5 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/different9102/article/details/107731208
版权

uniapp坑之rich-text标签渲染富文本时video会消失.

最近在搞uniapp项目，做视频详情页渲染时，遇到rich-text标签渲染video标签一直无法显示视频的问题。经查询
在这里插入图片描述
上图链接 uniapp-richtext标签

rich-text无法渲染，我们可以去插件市场 找uParse 富文本解析插件进行替换
uParse 地址：uParse插件链接

蒙子呀~
关注
专栏目录
uniApp小程序解析富文本，视频无法显示问题
sunshinebotanka的博客
04-18 1775
uniApp小程序解析富文本，视频无法显示问题
uniapp小程序使用富文本不能展示视频
meng2lin的博客
04-28 2803
uniapp小程序使用富文本 在开发小程序中，原来用的rich-text标签展示的富文本，但是里面的视频的话不会展示，这样的情况我们如何解决呢？ 小程序中使用mp-html 网址 uniapp引入 首先我们在插件市场中导入到项目中 mphtml在template中的使用 <template> <view> <mp-html :content="content" /> </view> </template> <script&gt
uniapp rich-text 小程序渲染不了富文本视频
weixin_43358822的博客
08-12 1612
uniapp rich-text 渲染富文本视频
uni-app中使用富文本rich-text个人经验
最新发布
一个今天胜过两个明天
06-19 1063
不过我建议用数组节点，后端将富文本处理为节点数组返回给前端，这样有两个好处，一是前端处理起来比较方便 ，另外一点就是性能问题，后端处理好之后，前端直接使用数组，性能会更好。不过要将一段HTML富文本处理成节点数组，对后端来说，也是比较麻烦的，如果使用PHP，可使用PHP DOMDocument，参考我前面的例子。然后再说一下事件处理itemclick，我们可以使用这个事件实现对rich-text里面的节点内容进行处理，不过只能处理a和img标签，这个上面官方文档已经说明。处理，java可以使用。
【uni-app】rich-text 无法处理 video 的解决办法
sayyy的专栏
12-19 5168
前言 Hbuilder X 2.7.14.20200618 rich-text 无法处理 video uni-app 文档中关于 rich-text 介绍中明确说明 rich-text 支持什么（参考这里），其中并不包含 video 。 解决办法 在uni-app插件市场搜索parse插件使用。 parse插件有很多，包含的功能也不尽相同。 我播放 video 时使用的是uParse 富文本解析。 uParse 富文本解析插件的使用 在项目中导入插件。这步不详述了。不会的需要补补关于uniapp的使用
关于小程序rich-text组件（不支持视频节点、图片显示问题）
gmy00111的博客
05-06 994
项目中遇到问题，后台配置富文本内容，小程序渲染的时候出现图片显示问题和视频节点不显示，排查过程中发现图片显示没问题，返回数据就是这么大的尺寸，那就是怎么适配了（下面直接上代码），视频节点不显示问题，看了下微信文档，这个组件是不支持vedio标签的，说了这么多直接上代码吧！
百度小程序bdparse解决rich-text富文本无法渲染video视频
hunantai的博客
04-01 555
1、下载bdparse源码：https://gitee.com/sootou/bdparse 将bdparse包放在小程序根目录下： 3、在swan页面引入 <import src="../../../bdParse/bdParse.swan" /> 4、css页面引入 @import "../../../bdParse/bdParse.css"; 5、js页面引入 var bdParse = require('../../../bdParse/bdParse.js'); 6、在j
uni-app 自定义组件展示html富文本内容，可实现富文本html内容中 图片展示、视频播放、音频播放。
06-10
rich-text组件是uni-app提供的一种用于展示富文本的组件，它能够解析JSON格式的文本数据，并按照数据结构渲染出相应的HTML效果。但是，原生的rich-text组件可能不支持图片、视频和音频的直接展示与播放，因此需要...
uni-app使用富文本组件 mp-html
qq_38517231的博客
07-26 3568
uni-app使用富文本组件 mp-html
不使用插件，小程序也能完整的渲染富文本（视频展现，图片自适应）
weixin_47348518的博客
03-17 2706
用过小程序`rict-text`的帅哥靓女们（说的就是正在看文章的你）都知道，`rich-text`是无法解析富文本中的`video`标签的，本文教你如何`优雅`的在`不使用插件`的情况下完整的渲染富文本
rich-text 无法处理 文字 图片 视频超出视图显示不全的解决办法
weixin_68237499的博客
08-21 791
前端获取到后台数据 不做处理 就会出现下面问题 文字图片 视频超出视图显示不全
uniapp适用移动端的富文本组件
08-10
uni-app 适用移动端的富文本组件
【重点突破】—— UniApp微信小程序开发教程学习Three
柳柳66的博客
11-28 1418
一、实战 HBuilderX：在微信小程序中运行页面，需要设置->安全 开启微信小程序服务端口，HBuilder工具->设置->配置程序路径 网络请求、模板语法、打开页面、页面传参 列表api:https://unidemo.dcloud.net.cn/api/news - 返回数据格式 - id 新闻id 如： 72980 - title 标题 - c...
uniapp 中rich-text 处理富文本视频demo（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
08-17 1526
uniapp 中rich-text 处理富文本视频demo
uniapp富文本的解析渲染
qq_37455326的博客
01-12 446
【代码】uniapp富文本的解析渲染。
uniapp使用v-html无法解析其中的video标签
荷逸的博客
12-09 2665
引言 开发一套系统，前端官网使用v-html解析时能解析出其中的video标签，在页面上正常展示。但是使用uniapp的时候无法解析出来 原因 uniapp底层是封装的小程序技术。使用开发者工具观察，代码 <view class="content" style="padding: 0 4vw;" v-html="content"></view> 在微信开发者工具中现实的标签是，是解析富文本，如下图所示，其中带有video标签，但是并没有在页面展示出来 解决方法 将video标签拆分
解决小程序富文本显示视频问题
u014678583的博客
05-31 4194
【代码】解决小程序富文本显示视频问题。
小程序 rich-text 富文本回显 解决video节点不显示问题
IT技术宅-北方的刀郎
11-01 2345
letcontent = `<p><img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1594980742996&di=ecacd5a309ec53780fcc0b4eb10a2f49&imgtype=0&src=http%3A%2F%2Fa0.att.hudong.com%2F56%2F12%2F01300000164151121576.
uniapp自定义富文本编辑器+内容渲染回显功能(多端可用)
m0_58665272的博客
05-29 3161
uniapp富文本编辑功能，一套代码多端可用
修改uniapp的富文本编译rich-text里的字体大小
06-07
你可以通过修改 `<rich-text>` 标签下的 `nodes` 属性中的每个节点的 `style` 属性来控制富文本中字体的大小。例如，如果你要将某个节点的字体大小设置为 16px，可以按照以下方式修改 `nodes` 属性： ```html <rich-text :nodes="[ { name: 'div', attrs: { class: 'my-class', style: 'font-size: 16px;' }, children: [ { type: 'text', text: '这是一段文本' } ] } ]"></rich-text> ``` 在上面的代码中，我们将 `style` 属性设置为 `font-size: 16px;` 来控制节点的字体大小。你可以根据需要修改 `style` 属性来控制不同节点的字体大小。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值