如何使用json2.html排列标签

我正在使用json2html，并试图解决一个问题，即我想编写转换代码以提供以下HTML:

<html>
<body>
    <div><b>Bold text</b> plus plain text</div>
</body>
</html>

其结果是：粗体文本加上纯文本

我目前拥有的是：

{"tag":"div","children":[
    {"tag":"b","html":"Bold text"}
],"html":" plus plain text"}

但这颠倒了我的文本顺序：加上纯文本粗体文本

我试图将转换代码的位置切换为：

{"tag":"b","children":[
    {"tag":"div","html":" plus plain text"}
],"html":"Bold text"}

这纠正了定位问题，但所有的文本都是粗体的，而不仅仅是其中的一部分。对于如何重新排列以获得所需的输出，有什么建议吗？

json2.html还不支持将标记与纯文本混合，换句话说，在纯文本旁边添加粗体标记，如下所示：

<div><b>Bold text</b> plus plain text</div>

然而，通过将纯文本包装在像这样的span元素中，您可以很容易地绕过这一点

<div><b>Bold text</b><span>plus plain text</span></div>

在转换中看起来像这样

{"tag":"div","children":[
   {"tag":"b","html":"Bold text"},
   {"tag":"span","html":" plus plain text"}
]}

如果您希望b标记和随后的纯文本是div标记的子级，则应使它们都是div标记的子代：

{"tag":"div","children":[
    {"tag":"b","html":"Bold text"}, 
    {"tag": "span", "html":" plus plain text"}
]}

相关内容