javascript - 抓包魅族社区发现里面有段数据需要Json按规则转html，请教各位如何实现？

Question

抓包魅族社区https://www.meizu.cn/ ， 里面有一字段数据是json，需要按规则将key，value转html才能正常显示。求各位指点一下如何实现这种json转html。

这是大概的json数据：

[        {                "c": [                        {                                "x": "8 月即将过去，9 月即将到来。距离魅族 20 系列发布已经过去了 5 个月时间，在这 5个月的时间里，魅族 20 系列陪你度过了哪些有趣且快乐的时光呢？"                        }                ],                "t": "p"        },        {                "c": [                        {                                "x": "作为魅族最新的全能旗舰，各位在用上它之后，玩原神、打吃鸡、上王者，是否打出过惊为天人的操作？又是否在跑分平台上跑出过其他手机都没有出现过高分成绩呢？"                        }                ],                "t": "p"        },        {                "c": [                        {                                "x": "\n从即日起至8月31日23:59，评论区晒出你的安兔兔跑分成绩，活动结束后，参与晒图跑分活动的魅友将获得 99 煤球奖励，跑分最高者更有机会赢取 999 煤球大奖。"                        }                ],                "t": "p"        },        {                "cv": 0,                "s": "https://ssm.res.meizu.com/content/2023/08/28/4018386/140424375354139.jpg",                "y": {                        "h": "1421px",                        "w": "1080px"                },                "c": [                        {                                "x": ""                        }                ],                "t": "z"        },.......]

规则是这样的：

const tr = {        t: "type",        x: "text",        b: "bold",        th: "through",        y: "style",        w: "width",        h: "height",        s: "src",        n: "name",        u: "uid",        c: "children",        l: "italic",        r: "url",        p: "paragraph",        h1: "header1",        h2: "header2",        h3: "header3",        d: "divider",        q: "blockquote",        v: "video",        k: "link",        i: "image",        m: "mention",        tc: "topic",        z: "img",        cv: "cover",        sc: "shopCard"};

Answer 1

哈哈哈哈，确实啊，你这都有密码本了。

本来我猜的是

1. c 是 content，
2. t 是 type，
3. t: "p" 表示这应用 p 标签

看来猜的不太对

---

你直接遍历，然后渲染就得了，对于字符串的value，看着只有t需要用map转义一下