Как убрать или обойти автоматическое закрытие тегов браузером, какие идеи?

Question

[Alexandr N]

Есть текст
"I`m vasya [], and you?"
В процессе работы с ним в редакторе, он получает теги - "<b>I`m vasya [], and you?</b>" (там может быть и font и т.д.)
Далее [] заменяется на <span contentEditable /> и получаем код типа :

<b>I`m vasya <span contentEditable />, and you?</b>"

Но браузер на выходе всё это "правит" и мы получаем

<b>I`m vasya</b><span contentEditable />, and you?"

Какие есть варианты поправить это? При условии что текст может быть длинным и теги могут быть разными...

Comments

[Kovalsky]

А почему бы просто не закрыть span?

[Lynn «Кофеман»]

Вангую что у вас вставляется не span, а div. Угадал?

[Alexandr N]

Lynn «Кофеман», не именно спан)

[Alexandr N]

Kovalsky, потому что есть редактор, который оборачивает введённый текст, текст летит в базу с тегами и приходит так <b>I`m vasya [], and you?</b>, потом [] заменяется на span редактируемый, и получаем конструкцию

<b>I`m vasya <span contentEditable />, and you?</b>"

[Kovalsky]

Alexandr N, во первых, это вы просто пересказали текст вопроса, а на вопрос так и не ответили. Но так как ответ на этот
вопрос нужен скорее вам, а не мне, то настаивать я конечно не буду

Во-вторых, не очень понятно что происходит: какой редактор, где это всё творится, что значит "на выходе". Скажите хотя бы что за редактор и куда выводится результат. А ещё лучше сделайте демку. Если не хотите, то мой совёт всё такой же: на каком-то этапе нужно модифировать разметку и приводить её к валидному виду, потому что <span /> это неправильно

Answer 1

[Kentavr16]

Сделать I'm vasja частью компонента, в который в качестве пропсов передавать нужные значения.