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