rich-text 富文本里面带的图片是原尺寸的,不自适应?
发布于 7 年前 作者 gongwei 12379 次浏览 来自 问答

rich-text 在中用的nodes 是string, 里面img不能自适应? 有什么办法?

string 代码:

`<p><span style="font-size: 14px; line-height: 24.5px;">今年的圣诞节,你还要继续在大同小异的无聊聚会上浪费时间吗?</span><span style="font-size: 14px; line-height: 1.75em;">不甘无趣,那就加入“红人圈星座之夜”吧!</span></p><p><br/></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">星座、网红、电音、派对,前所未有的派对环节即将撼动你对传统派对的认知,全方位感官体验,抛弃名字抛弃身份,狂欢之夜,你只是茫茫星座中嗨到不能停下的一颗星。</span></p><p style="line-height: 1.75em;"><br/></p><p style="line-height: 1.75em;"><img src="http://static.recachina.com/uploads/backgroud-1481879405247-7910.jpg" title="红毯" alt="" style="line-height: 1.75em;"/><br/></p><p style="line-height: 1.75em;"><br/></p><p style="line-height: 1.75em;"><strong><span style="font-size: 16px;">活动流程</span></strong></p><p style="line-height: 1.75em;"><strong><span style="font-size: 16px;"><img src="http://static.recachina.com/uploads/event-1471249311059-6912.jpg"/></span></strong></p><p style="line-height: 1.75em;"><span style="font-size: 14px;"><br/></span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">18:00-19<span style="font-size: 14px; line-height: 28px;">:</span>00 红毯环节 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">19<span style="font-size: 14px; line-height: 28px;">:</span>00-19<span style="font-size: 14px; line-height: 28px;">:</span>30 模特&amp;网红走秀 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">19<span style="font-size: 14px; line-height: 28px;">:</span>30-20<span style="font-size: 14px; line-height: 28px;">:</span>00 酒会&amp;红人圈展示 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">20<span style="font-size: 14px; line-height: 28px;">:</span>00-20<span style="font-size: 14px; line-height: 28px;">:</span>30 艺人表演 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">20<span style="font-size: 14px; line-height: 28px;">:</span>30-20<span style="font-size: 14px; line-height: 28px;">:</span>45 重要嘉宾上台合影 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">20<span style="font-size: 14px; line-height: 28px;">:</span>45-21<span style="font-size: 14px; line-height: 28px;">:</span>45 Party时间&amp;星座任务 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">21<span style="font-size: 14px; line-height: 28px;">:</span>45-22<span style="font-size: 14px; line-height: 28px;">:</span>00 星座女神加冕仪式 </span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">22<span style="font-size: 14px; line-height: 28px;">:</span>00 - 看谁嗨到最晚</span></p><p><br/></p><p><img src="http://static.recachina.com/uploads/backgroud-1481879396178-4367.jpg" title="红毯" alt="" style="line-height: 28px; white-space: normal;"/></p><p><br/></p><p><img src="http://static.recachina.com/uploads/event-1471514500972-4350.jpg"/></p><p><br/></p><p><strong><span style="font-size: 16px;">活动场地&nbsp;Future One</span></strong></p><p><img src="http://static.recachina.com/uploads/backgroud-1454311608789-8411.jpg" title="红毯" alt="" style="line-height: 28px; white-space: normal;"/></p><p><span style="font-size: 14px; line-height: 28px;"><br/></span></p><p><span style="font-size: 14px; line-height: 28px;">在Future One,你将听到时尚前卫的HOUSE音乐,在性感、自由、奔放的氛围,尽情享受音乐与身体的融合。<span style="font-size: 14px; line-height: 28px;">Future One</span>致力于将欧亚美食、潮流饮品以及迷人的景致融为一体。不遗余力为你打造尽善尽美的美食+美景服务。</span><br/></p><p><span style="font-size: 14px; line-height: 28px;"><br/></span></p><p><span style="font-size: 14px; line-height: 28px;"><img src="http://static.recachina.com/uploads/backgroud-1454311398535-4141.jpg" title="红毯" alt="" style="line-height: 28px; white-space: normal;"/></span></p><p style="line-height: 1.75em;"><span style="font-size: 16px;"><strong><br/></strong></span></p><p style="line-height: 1.75em;"><span style="font-size: 16px;"><strong>主办方 黑云文化Topshadow</strong></span></p><p style="line-height: 1.75em;"><img src="http://static.recachina.com/uploads/backgroud-1481985444226-8213.jpg" title="红毯" alt=""/></p><p style="line-height: 1.75em;"><span style="font-size: 14px; line-height: 1.75em;">红人圈是由黑云文化(TOPSHADOW)始创的泛娱乐生态链,利用网红IP为基础打造出深受年轻人青睐的泛娱乐行业圈:如红人星座圈、红人美食圈、红人健身圈等。其中红人星座圈汇聚一批具有专业知识的塔罗师并与映客合作,共同打造“星晴”频道。</span><br/></p><p style="line-height: 1.75em;"><br/><span style="font-size: 14px;"></span></p><p style="line-height: 1.75em;"><span style="font-size: 14px;">*更多活动详情请咨询红毯客服(400-888-5235)</span></p><p style="line-height: 1.75em;"><img src="http://static.recachina.com/uploads/backgroud-1479277128519-3287.jpg" title="红毯" alt="" style="font-size: 14px;"/></p>`
`

效果:

1 回复

IMG的标签如果你不能去手动附加样式 那基本没戏了

回到顶部