@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 покрывают весь необходимый текст не нарушая структуру документа.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
19 авг. 2019, в 14:48
300 руб./за проект
19 авг. 2019, в 14:39
1800 руб./в час
19 авг. 2019, в 14:24
30000 руб./за проект