Я хочу, чтобы содержимое редактируемого содержимого div не редактировалось.Допустим, у меня есть такая структура:
<div contenteditable=true></div>
Теперь с некоторыми функциями структура станет
<div contenteditable=true> <p class="x">abc</p> some text <p
class="x">abc</p><p class="x">abc</p><p class="x">abc</p> again
editable continues</div>
Я хочу сделать div частично недоступным для редактирования (сначала начиная с формы *Тег 1007 * до последнего тега <p>, поэтому я решил покрыть их прозрачным тегом div. Это прекрасно работает, если теги <p> находятся в продолжении, но если между ними есть какой-то текст, он доступен для редактирования (это непокрыты прозрачным div).
Есть ли какое-либо решение для покрытия некоторого содержимого редактируемого div содержимого прозрачным div или сделать его частично недоступным для редактирования?
Примечание: Я не хочу оборачивать все теги <p> каким-либо другим элементом.