Como puede ver en el siguiente fragmento, cuando un <div> se vuelve editable, todos los elementos secundarios incluidos, incluidos otros elementos secundarios <div> , también se pueden editar y parece que no hay forma de que esto suceda.
Me gustaría poner elementos <div> de solo lectura dentro de un <div> editable por contenido.
Intenta poner contenido editable falso en tus hijos:
<div contenteditable="true"> <p>You can edit me</p> </div> <div contenteditable="true"> <p contenteditable="false">You can't edit me</p> </div><div contenteditable="true"> <p>test</p> <p contenteditable="false">test </p> </div>puedes usar este codigo