解析完的富文本内容,图片之间莫名多了一些空格,怎么去除?
<jyf-parser style="display: block;" :html="goodsDetailsList.goods.goodsDetails" ref="content"></jyf-parser>
原因: 里面的img图片的样式为display:inline-block;
解决方案: 将所有img的样式改为 display:block;
this.goodsDetailsList.goods.goodsDetails = this.goodsDetailsList.goods.goodsDetails.replaceAll("<img", `<img style="display:block;"`);
重点:replaceAll("<img", `<img style="display:block;"`)