Как правильно вставить тэги, не нарушив структуру html?

Question

[lacront]

Вопрос в следующем. Есть небольшое приложение, из которого загружаются docx документы на сервер, далее сервер прогоняет их по определенным сценариям и находит координаты ошибок (позиция начала и конца). Потом на место ошибок вставляется определенный текст - %%START, %%END. Затем документ конвертируется в html и отдается строкой на front. Мне необходимо распарасить строку и заменить текст %%START, %%END на любой тэг, к которому можно применить стили, чтобы выделить ошибку. Я заменяю на span. Проблема в том, что иногда возникает ситуация когда тэг span имеет некорректное положение в DOM, например.

<td>какой<span>-то текст</td><td>еще какой-то текст</span>текст</td>

Что делать в таких ситуациях? Может кто-нибудь решал подобную задачу? Заранее спасибо за любую помощь. Описанный пример один из самых простых, бывает что тэгов между span гораздо больше

Answer 1

[Антон Спирин]

Как вариант, анализировать строку на парные теги и перед открывающими тегами без пары закрывать span и открывать сразу после.

Например, исходная строка:

%%START<strong>Lorem ipsum</strong> <i>dolor <u>sit amet%%END

обработанная:

<span><strong>Lorem ipsum</strong> </span><i><span>dolor </span><u><span>sit amet</span>

В итоге, три тега span покрывают весь необходимый текст не нарушая структуру документа.