当我们在html页面中引入富文本时可以很方便的修改其样式,但是在小程序中如何修改呢
就是直接替换样式,或者修改添加class。
这里的class指的是在当前小程序页面中的样式。
const temp = nodes
.replace(/style="max-width:100%;"/g, '')
.replace(/<img/gi, '<img style="width:100%;height:auto;display:block;" ')
.replace(/\<p/gi, '<p class="p-goods-detail-panel-body-line" ')
.replace(/\<h(\d)/gi, '<h$1 class="p-goods-detail-panel-body-line" ')
.replace(/\<table/gi, '<table class="p-goods-detail-panel-body-line" ')
.replace(/\<pre/gi, '<pre class="p-goods-detail-panel-body-line" ')
return `<div class="p-goods-detail-panel-body">${temp}</div>`
.p-goods-detail-panel-body{
line-height: 1.5!important;
}
.p-goods-detail-panel-body-line{
margin: 10px 0;
}
网友评论