rich-text 富文本标签
rich-text 富文本标签标签字符串对象数组rich-text 富文本标签。它可以将字符串解析成 对应标签,类似 vue中 v–html 功能标签字符串对象数组.js文件Page({data: {//标签字符串jsp:'<div class="dic_class"><h1>Title</h1><p class="p">Lise is&nb
·
rich-text 富文本标签。它可以将字符串解析成 对应标签,类似 vue中 v–html 功能
标签字符串
对象数组
.js文件
Page({
data: {
//标签字符串
jsp:'<div class="dic_class"><h1>Title</h1><p class="p">Lise is <i>like</i> a box of <b> chocolates</b></p></div>',
//对象数组
html:[{
// div标签 name属性来指定
name:"div",
//标签上有哪些属性
attrs:{
class:"my_div",
style:"color:red;"
},
//子节点
children:[{
name:"h3",
attrs:{},
children:[{
type:"text",
text:"ni hao ya!"
}]
}]
}
]
}
})
.wxml文件
<rich-text nodes="{{html}}"></rich-text>
<rich-text nodes="{{jsp}}"></rich-text>
显示效果
更多推荐
已为社区贡献2条内容
所有评论(0)