[
{
"tag": "p",
"attrs": [],
"children": [
"欢迎使用 ",
{
"tag": "b",
"attrs": [],
"children": [
"wangEditor"
]
},
" 富文本编辑器"
]
},
{
"tag": "img",
"attrs": [
{
"name": "src",
"value": "https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png"
},
{
"name": "style",
"value": "max-width:100%;"
}
],
"children": []
},
{
"tag": "p",
"attrs": [],
"children": [
{
"tag": "br",
"attrs": [],
"children": []
}
]
}
]
如上,后端以json格式返回一段富文本内容,前端该如何解析呢?包括样式等。网站基于jquery,我尝试着找过json2html等工具,但是好像并不能解析attr里的内容。想着自己写个,但是感觉量应该蛮大的,包括单标签多标签、表格等解析,想请教下大家有没有什么好方法,或插件?不甚感激。
想要的效果:
<p>欢迎使用 <b>wangEditor</b> 富文本编辑器</p>
<img src="https://ss0.bdstatic.com/5aV1bjqh_Q23odCf/static/superman/img/logo_top_ca79a146.png" style="max-width:100%;"/>
富文本用的是什么编辑器组件库?看上去这个数据是编辑器组件输出的,那它自己应该有解析的方法,找找该编辑器组件库的文档吧