Как сделать неудаляемые элементы внутри contenteditable?

Question

[SET1]

Структура такая:

<div id="editor" contenteditable="true">
  какой-то текст
  еще текст
  <div class="dynamicElement" contenteditable="false">...</div>
  какой-то текст
  еще текст
</div>

но когда я удаляю последние две строчки, а затем нажимаю еще раз, то элемент dynamicElement удаляется. Как можно этого избежать? Мне надо чтобы dynamicElement нельзя было удалить в принципе.

Answer 1

[Pashok Doom]

<div id="editor">
	<div contenteditable="true"> 
		какой-то текст
		еще текст
	</div>
	<div class="dynamicElement">...</div>
	<div contenteditable="true"> 
		какой-то текст
		еще текст
	</div>
</div>

Так не вариант?

Answer 2

[Andrey Vasilev]

избежать этого можно лишь прислав сюда код

Comments

[SET1]

Когда-то еще нет. Это чистый html пока что

[Andrey Vasilev]

SET1, может тебе лучше через js реализовать то, что ты хочешь?

[Andrey Vasilev]

SET1, все эти contenteditable - сомнительная штука

Answer 3

[Stalker_RED]

Все что внутри contenteditable может быть удалено штатными средствами браузера. Можете попробовать перехватывать нажатия del и backspace, или вешать MutationObserver, но это все ерунда, потому что...

надо чтобы dynamicElement нельзя было удалить в принципе

но ведь пользователя есть devtools, и он может вообще что угодно сделать с DOM-ом страницы, и даже с вашим кодом.