Как упорядочить теги с помощью 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"}
]}
Другие вопросы по тегам