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