后端以JSON格式返回富文本内容,前端如何解析?或者有没有相应的插件?

[
    {
        "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%;"/>
阅读 6k
1 个回答

富文本用的是什么编辑器组件库?看上去这个数据是编辑器组件输出的,那它自己应该有解析的方法,找找该编辑器组件库的文档吧

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题