uniapp 富文本避坑指南
注意事项，后端API返回的一定要是HTML形式的, 富文本编辑器存入数据的内容，则需要转化，如果是php，则用下面的函数进行转化htmlspecialchars_decode() 1.导入到项目中
2.修改页面
<template>
<div>
<u-parse :content="article" @preview="preview" @navigate="navigate" />
</div>
</template>
import uParse from '@/components/gaoyia-parse/parse.vue'
export default {
components: {
uParse
},
data () {
return {
article: '<p>html代码，具体参见https://github.com/gaoyia/parse/tree/1.0.7/parse-demo中的demo</p>'
}
},
methods: {
preview(src, e) {
// do something
},
navigate(href, e) {
// do something
}
}
}
//在APP.vue中引入，否则样式不能生效
<style>
@import url("/components/gaoyia-parse/parse.css");
</style>
页:
[1]