有个问题请教一下,使用rich-text这个是怎么控制富文本编辑的图片的样式的,我的图片会原尺寸展示,出现横向滚动条!
<view class="goodsdesc_wrapper"> <rich-text nodes="{{richText}}"/> </view> |
这个nodes传的数据richText是后台富文本编辑的数据,里面有图片,有文字,图片尺寸的是原尺寸!请教一下,那个nodes传的数据里面怎么设置attrs属性呢?
你好,即使是rich-text组件,也很难能傻瓜式地将常见的富文本编辑器的编辑结果直接展示出来。即使是普通网站,展示富文本编辑器的编辑结果,也是要依赖于展示时在页面内附加的样式的啊。这里有两种方案:
改一下富文本编辑器的配置或代码,让它生成img标签的时候,自动附加一些属性;
在服务器端解析一下html,往里面插一些属性。
第一种方案相对容易实现;第二种方案更灵活,因为常常还是难以避免在服务器端解析html。
这个富文本rich-text的组件明显问题多多,官方给的说明简略得可以,而且还不支持video显示,实话说效果真的不好;关于楼主的问题,我是通过replace来解决的,富文本的功能一般是给非程序员使用,往往就是直接点击插入图片,基本不会做什么处理,这里数据通过api返回字符串格式,用replace替换一个style='max-width:100%'进img标签里,就能正常显示,不会‘爆屏’