html - 如何用 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"}

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

score 3 · Accepted Answer

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

score 0 · Accepted Answer

如果您希望b标记和随后的纯文本成为div标记的子级，则应将它们都设为标记的子级div：

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

2 回答 2