Почему мой div, недоступный для редактирования контента, позволяет редактировать контент?

У меня есть такой HTML-код:

<html>
  <body contenteditable='true'>

    <div contenteditable='false'>
      Some Text
    </div>

  </body>
</html>

Но текст внутри div можно редактировать. Я протестировал его на jsfiddle, и он работает так, как мне нужно.

Источник

1 ответ

Я думаю, вам нужно добавить contenteditable="false" за h2 тег тоже. так как h2tag inherit contenteditable свойство тела. так добавь contenteditable="false" собственность на h2 тег.

      <div class="heading-box-text" contenteditable="false">H2</div>

    <h2 class="headingAlreadyInsideContainer" contenteditable="false">
      Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
    </h2>

Примечание: этот код взят из вашего ресурса git. что вы добавили в приведенной выше ссылке.

Источник
Другие вопросы по тегам