html
<rich-text class="content" nodes="{{node}}">rich-text>
js
data: {
node:
`<div class="div_class">
<h1>Title</h1>
<p class="p">
Life is <i>like</i> a box of
<b> chocolates</b>.
</p>
</div>`
},
nodeFn(){
let node = ''
let arr = []
node = this.data.detail.description.split('\n').forEach((item) => {
arr.push(`<p>${item.trim()}</p>`)
})
node = arr.join('')
this.setData({
node: node,
})
},
changeNode(content) {
let content_class = content.replace(/class="(\S*)"/g, '').replace(/\<([a-zA-Z]{1,8}[1-6]?)/gi, '<$1 class="$1"')
this.setData({
node: node,
})
},
css
.content {
width: 700rpx;
max-width: 100%;
}
注意:
node里面的样式可以通过class修改