@lacront

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

Вопрос в следующем. Есть небольшое приложение, из которого загружаются docx документы на сервер, далее сервер прогоняет их по определенным сценариям и находит координаты ошибок (позиция начала и конца). Потом на место ошибок вставляется определенный текст - %%START, %%END. Затем документ конвертируется в html и отдается строкой на front. Мне необходимо распарасить строку и заменить текст %%START, %%END на любой тэг, к которому можно применить стили, чтобы выделить ошибку. Я заменяю на span. Проблема в том, что иногда возникает ситуация когда тэг span имеет некорректное положение в DOM, например.
<td>какой<span>-то текст</td><td>еще какой-то текст</span>текст</td>
Что делать в таких ситуациях? Может кто-нибудь решал подобную задачу? Заранее спасибо за любую помощь. Описанный пример один из самых простых, бывает что тэгов между span гораздо больше
  • Вопрос задан
  • 80 просмотров
Решения вопроса 1
rockon404
@rockon404 Куратор тега React
Frontend Developer
Как вариант, анализировать строку на парные теги и перед открывающими тегами без пары закрывать 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 покрывают весь необходимый текст не нарушая структуру документа.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы