代码:
<template>
<view class="content">
<rich-text :nodes="info|formatRichText"></rich-text>
</view>
</template>
<script>
export default {
data() {
return {
info: ''
}
},
onLoad() {
this.getInfo();
},
methods: {
getInfo() {
this.$common.request('post', '/index/shopInfo', {
}).then(res => {
if (res.code == 1) {
console.log(res);
this.info = res.data
}
})
},
},
filters: {
formatRichText(html) {
let newContent = html.replace(/<img[^>]*>/gi, function(match, capture) {
match = match.replace(/style="[^"]+"/gi, '').replace(/style='[^']+'/gi, '');
match = match.replace(/width="[^"]+"/gi, '').replace(/width='[^']+'/gi, '');
match = match.replace(/height="[^"]+"/gi, '').replace(/height='[^']+'/gi, '');
return match;
});
newContent = newContent.replace(/style="[^"]+"/gi, function(match, capture) {
match = match.replace(/width:[^;]+;/gi, 'max-width:100%;').replace(/width:[^;]+;/gi,
'max-width:100%;');
return match;
});
newContent = newContent.replace(/<br[^>]*\/>/gi, '');
newContent = newContent.replace(/\<img/gi,
'<img style="max-width:100%;height:auto;display:inline-block;margin:10rpx auto;"');
return newContent;
}
}
}
</script>
<style lang="scss">
</style>