текст в HTML разбивается / деформируется в DOM, когда элементы вставляются вокруг текста, а затем удаляются (сохраняя при этом внутренний текст)

Question

Итак, вот обычный текст: просто ваш стандартный абзац.

У меня есть javascript, который будет вставлять область вокруг выделенного текста (для подсветки).Проблема в том, что когда я удаляю промежуток, хороший текстовый блок становится коренастым и искаженным:

Как восстановить блок текста в исходное состояние?*

Answer 1

Я думаю, что вы должны сохранить исходный узел и заменить его клонированием innerHTML своим span-wraper. Затем просто замените узлы.

Answer 2

Вместо удаления диапазона, попробуйте заменить содержимое стандартного абзаца его исходными данными.