uni-app对富文本进行优化

1、让富文本段落两端对齐,并首航缩进

需要将相应的CSS代码施加在富文本标记对中。

<rich-text class="richText"></rich-text>
.richText{
	text-align:justify;
	text-indent:2em;
}

注意:对于富文本标记对内部的“文本标记对”不能设置样式。

2、首行缩进导致图片说明文本具备缩进大小。

解决:

let reg1=new RegExp("<p><img","gi");	
// let reg1=/<p><img/gi;
this.newsDetailData.content=this.newsDetailData.content.replace(reg1,"<p style='text-indent:0;'><img ");
let reg2=new RegExp('<p\\s{1,}class="img-desc"\\s{0,}>',"gi");	
let reg2=/<p\s{1,}class=\"img-desc\"\s{0,}>/gi;
this.newsDetailData.content=this.newsDetailData.content.replace(reg2,'<p class="img-desc" style="text-indent:0;text-align:center;font-size:14px;font-weight:bold">')

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值