我想用 rich-text 来显示一段 html 内容,使用字符串的方式
< rich-text nodes = "{{description}}" class = "d-rich" ></ rich-text > |
description 的值为 <p><img src="http://shop.uclee.com/file/jpg/20180603/file1528004999989527.jpg"></p>
图片可以显示出来,但是宽度超出了屏幕,是否有办法控制 img 标签的样式,
.d-rich img { width : 100% ; } |
试过这样写,但是没有效果。
亲测,可以使用正则往html节点上加style,然后在绑定到rich-text上。
eg: 想要rich-text里面图片宽度自适应,可以这样var html = '<p><img src="xxx"' /></p>;html = html.replace(/<img/g, '<img style="width:100%"/>');
html = html.replace(/<img/g, '<img style="width:100%" ');
改成这样我的可以用了
文档不是写了咩
是必须把字符串转成 nodes 数组才可以吗?有没有库可以直接转呢?因为后端返回了 html 字符串
插件wxParse可以转换