帖子
帖子
用户
博客
课程
显示全部楼层
49
帖子
2
勋章
468
Y币

[App引擎] avm 模式 rich-text 图片显示,空白间隙问题

[复制链接]
发表于 2022-5-5 09:04:50
本帖最后由 timaer 于 2022-5-5 09:52 编辑

avm模式下使用rich-text控件 展示 ueditor生成的后台内容图片时,图片之间会有空白产生,不知道有没有办法 去除,望大佬解惑,谢谢

rich-text内容 <p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579587291.jpg" style="" title="1651457579587291.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579776328.jpg" style="" title="1651457579776328.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579315536.jpg" style="" title="1651457579315536.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579259391.jpg" style="" title="1651457579259391.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579574092.jpg" style="" title="1651457579574092.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579680962.jpg" style="" title="1651457579680962.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579269224.jpg" style="" title="1651457579269224.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579646894.jpg" style="" title="1651457579646894.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579113348.jpg" style="" title="1651457579113348.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579376516.jpg" style="" title="1651457579376516.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579150165.jpg" style="" title="1651457579150165.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579768306.jpg" style="" title="1651457579768306.jpg"/></p><p><img src="http://www.**.****.**/uploads/ueditor/20220502/1651457579196681.jpg" style="" title="1651457579196681.jpg"/></p>


<div class='goodspanel mtop'>
            <text class='title-pad4'>商品详情</text>
            <div class='goodscontent'>
               <rich-text nodes={content}></rich-text>
            </div>
        </div>  


Screenshot_20220505_090011_com.timaer.hoz.jpg
发一下你的代码,我这边测试一下
49
帖子
2
勋章
468
Y币
已贴代码,谢谢
特特法爷 · 2022-5-5 09:32发一下你的代码,我这边测试一下
380
帖子
4
勋章
6
Y币
去掉中间的p 标签看看效果
timaer · 2022-5-5 09:52已贴代码,谢谢

380
帖子
4
勋章
6
Y币
已反馈给引擎技术
20
帖子
1
勋章
7575
Y币
img标签不要用p标签包裹,p是段落元素,段落之间默认有间距,在标准H5中也一样。
49
帖子
2
勋章
468
Y币
谢谢,不是我想用p包裹,是ueditor自动生成的代码 ,是输出前只能把p标签都去掉才能显示正常的是吧?
常山赵子云 · 2022-5-8 21:48img标签不要用p标签包裹,p是段落元素,段落之间默认有间距,在标准H5中也一样。
49
帖子
2
勋章
468
Y币
谢谢!已收到回复      
技术支持-F · 2022-5-6 19:27已反馈给引擎技术
49
帖子
2
勋章
468
Y币
输出前已去掉p标签,完美解决,再次感谢
常山赵子云 · 2022-5-8 21:48img标签不要用p标签包裹,p是段落元素,段落之间默认有间距,在标准H5中也一样。
13
帖子
0
勋章
125
Y币
技术咨询-F · 2022-5-6 19:03去掉中间的p 标签看看效果

我这边去掉p标签还是会显示img图片下面的空白,img又设置不了别的属性。。。有啥解决方法吗?
您需要登录后才可以回帖 登录

本版积分规则