为什么我的内容不可编辑div允许内容版本?

时间:2014-06-13 16:29:48

标签: html html5 contenteditable document-body

我有这样的HTML:

<html>
  <body contenteditable='true'>

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

  </body>
</html>

但div中的文字是可编辑的。我在jsfiddle上测试它,它按照我需要的方式工作。

1 个答案:

答案 0 :(得分:-1)

我认为,您还需要为contenteditable="false"标记添加h2。因为h2 tag 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资源。你在上面的链接中添加了什么。