如何使用json2html排列标签

Question

我正在使用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"}

这解决了定位问题，但所有文本均以粗体显示，而不仅仅是其中一部分。 关于如何重新排列以获得所需输出的任何建议？

Answer 1

json2html还不支持将标记与纯文本混合，换句话说，纯文本旁边的粗体标记如下：

<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"}
]}

Answer 2

如果希望b标记和后续的纯文本成为div标记的子代，则应使它们都成为div标记的子代：

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