小程序rich-text在iso上无效的问题

最新推荐文章于 2024-04-23 16:54:19 发布
最新推荐文章于 2024-04-23 16:54:19 发布
阅读量2k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/kniferpg/article/details/78872969
版权

小程序上线了，那公司几个同事的手机试了下惊恐


IOS上全部文章没有内容了！！？？


安卓上显示正常，这是为什么？？BUG？


说下我的设定：

<view class='show-content'><rich-text nodes="{{content}}"></rich-text></view>


其中是我从网页服务器request过来的内容，是包涵了html标签的文章内容，


在安卓系统上可以正常显示，但是IOS上没有了？？？


查了官方论坛，也百度了，没有答案，说是升级了微信客户端就好，


看了下版本，我的是1.6，官方最新的是1.7


不会吧，就是这个小版本的问题？？


试试吧，死马当活马医了，更新！！


内容出来了可怜，真TM感动

kniferpg
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
uniapp rich-text 显示富文本无效 escape2Html
carbonzhao的专栏
01-02 2767
之前使用rich-text显示富文本是没有问题，最近在搞一个项目时，发现接口端端返回的富文本数据放在rich-text 组件无法正常显示，全文显示出来了标签，这是什么情况？经过仔细观察原来是接口返回的富文本中有转义，不是原生的可以渲染的富文本导致rich-text 将其以普通 的文本显示出来了。 病症如下： 解决方式也很简单粗暴，在前端转义回来即可：为了以后的项目方便，我直接是给String的原型中增加了相应的方法，在页面中直接调用处理的！如下： String.prototype.escape2
前端ios兼容性问题总结
dengkangning1111的博客
09-04 2386
前端IOS兼容性问题总结 低版本版本兼容问题 具体表现：低版本ios写es6语法会报错 解决方法：直接用es5语法或者使用babel， 参考：https://www.babeljs.cn/ 高版本兼容性问题 具体表现：fixed布局会被输入框给顶起来，原因好像是失去了焦点 解决方法：1.给输入框一个onblur事件，滚到上面去; onBlur(){ window.scroll...
苹果及个别安卓系统 微信小程序 富文本内容不显示的问题console.dir
test
06-28 1505
最近和前端同事合作一个小程序，后台接口返回富文本内容的数据，小程序用相关控件展示内容，结果有些机型展示没问题，有些则没有展示内容，结果排查发现小程序代码里使用了console.dir方法，有些机型或者操作系统不支持这个方法，删掉后问题就解决了。 也不一定只是console.dir导致的，也可能是其他的方法，大家尽量删除不必要的代码就行 ...
小程序 rich-text 解析富文本 图片过大时如何自适应？
最新发布
weixin_45304198的博客
04-23 1055
在微信小程序中，用rich-text 解析后端返回的数据，当图片尺寸太大时，会溢出屏幕，导致横向出现滚动
微信小程序 IOS真机rich-text真机超过2行省略号
oldolder的博客
09-19 1700
IOS真机富文本回显超过变省略号
微信小程序rich-text在ios中不显示的问题
m0_37666587的博客
04-20 2606
最近遇到一个需求，后台转过来的带格式的富文本需要默认显示5行+。。。，然后点击查看更多后显示全部，我的html结构如下 第一个为正确代码，第二个为错误代码 <view class="orgintro"> <rich-text :class="orgmore[2]?'fn-text5-overflow':''" :nodes="allData.orgInfo.org_con...
微信小程序rich-text里面写多行溢出显示省略号在ios中不显示的问题
a644292242的博客
05-07 2007
需要给一个默认的div标签，在div写行内样式 display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; height: 120rpx; <rich-text class="location" space="nbsp" nodes="<div style='display: -webkit-box;-webkit-box-.
微信小程序rich-text富文本用法实例分析
10-16
微信小程序的`rich-text`组件是用来展示富文本的，它允许开发者在小程序中插入和显示包含HTML元素的复杂文本内容。这个组件从基础库1.4.0版本开始引入，对于低版本的小程序，需要进行一定的兼容性处理。在使用`rich-...
小程序rich-text组件如何改变内部img图片样式的方法
10-16
主要介绍了小程序rich-text组件如何改变内部img图片样式的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
微信小程序 rich-text的使用方法
08-29
在微信小程序中，`<rich-text>`组件是一个用于渲染富文本的组件，它允许开发者将HTML字符串或结构化的数据转化为可展示的格式。这个组件在处理包含多种样式和层级的文本时非常有用，例如显示带有标题、列表、颜色等...
详解小程序rich-text对富文本支持方案
10-17
目前小程序使用比较多的富文本方案一个是小程序自带的rich-text组件，一个是wxPrase，本篇文章主要介绍了详解小程序rich-text对富文本支持方案，感兴趣的小伙伴们可以参考一下
微信小程序富文本渲染(rich-text)换行失效
weixin_45757442的博客
03-15 2340
微信小程序富文本渲染(rich-text)换行失效 给rich-text标签加css 样式 white-space: pre;
支付宝小程 rich-text标签不显示问题解决
喵小七不定时的日常
09-26 1134
解决rich-text标签在支付宝小程序中内容不可见问题
rich-text解析图片在开发者工具能显示，但真机不显示
前端菜菜DayDayUp的博客
03-14 2781
第一：图片路径问题 最近在做项目的时候，小程序（uni-app）遇到一个问题，rich-text解析本地图片（相对路径）在开发者工具中能显示，但是在真机调试或者发行上线在手机上查看不显示图片，但是也查阅的很多大佬的文档，寻找解决方法； 方法一（本人行不通） 有些大佬是建议使用绝对路径，比如相对路径（../../img/nan.png）----> 绝对路径（/img/nan.png）,这种方法亲测无效（仅是自己观点，各位大佬可以在调研一下）。 方法二（将图片转化为base64格式）--亲测有效
小程序rich-text里多张图片自适应
暖栀的博客
04-19 1万+
&lt;rich-text nodes="{{detail_tb}}"&gt; &lt;/rich-text&gt;这个是wxml里&lt;rich-text&gt;富文本这个写在js里：var _that =this;_that.setData({ detail_tb: res.data.replace(/\&lt;img/gi, '&lt;img style="max-wid...
rich-text无法解析link标签
_是鱼的博客
05-22 817
【微信小程序】无法解析京东商城商品详情富文本数据 -- 解决方案 ...
小程序 rich-text 不支持 section 标签的情况
u011415782的专栏
01-11 4063
今天在查看文章显示效果时，发现部分样式的文字没有显示 排查原因发现：文案人员喜欢复制文章，对于其中包含section 标签的文本，小程序的 rich-text 标签现在还不支持解析，所以想找一种简单的解决方法
rich-text组件不支持预览图片，曲线救国方式
Bright2017的博客
10-09 1360
<rich-text nodes="{{htmlVal}}" bindtap="test"></rich-text> test:function(e){ let that=this console.log("e", this.data.htmlVal) let arr=[]; //let reg = /(?<=(src="))...
小程序中 rich-text 显示富文本
热门推荐
小龙
08-24 1万+
在使用 rich-text 来显示fuwq富文本时需要注意后台返回的数据是一个网页转义字符，直接使用rich-text的话是无法正常解析的。 那么需要使用下面的一个方法进行反转义即可 //小程序里的转义方法 escape2Html: function (str) { var arrEntities = { 'lt': '&lt;', 'gt': '&gt;', 'nbsp': ' '...
微信小程序rich-text
07-27
微信小程序中的rich-text组件用于展示富文本内容，支持显示HTML标签和样式。你可以在小程序的wxml文件中添加rich-text组件，并在对应的js文件中设置content属性来指定要显示的富文本内容。 例如，在wxml文件中添加rich-text组件： ```html <rich-text nodes="{{content}}"></rich-text> ``` 然后，在js文件中设置content属性，将要显示的富文本内容赋值给它： ```javascript Page({ data: { content: '<div style="color: red;">Hello, <strong>world!</strong></div>' } }) ``` 在上面的例子中，rich-text组件将会显示一个红色的文字"Hello, world!"，并且"world!"会以粗体显示。 需要注意的是，不是所有的HTML标签和样式都被支持。在微信小程序的官方文档中，你可以找到更详细的说明和支持列表。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值