Как упорядочить теги с помощью json2html
Я использую 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"}
Это исправило проблему позиционирования, но весь текст был выделен жирным шрифтом, а не только его частью. Любые предложения о том, как я могу изменить положение вещей, чтобы получить желаемый результат?
2 ответа
В 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"}
]}
Если вы хотите b
тег и последующий простой текст, чтобы быть потомками div
тег, вы должны сделать их обоих детей div
тег:
{"tag":"div","children":[
{"tag":"b","html":"Bold text"},
{"tag": "span", "html":" plus plain text"}
]}