内容可在父级上编辑,但不能在所有子级上编辑

时间:2019-10-18 18:54:32

标签: html

我正在尝试通过以下方式填充两列某些内容(这是预期的行为)

<div id="identifier_0"></div> | <p id="paragraph_0"></p>
                              |
------------------------------| -------------------------
<div id="identifier_1"></div> | <p id="paragraph_1"></p>
                              |
                              |
                              |
----------------------------- | -------------------------
<div id="identifier_2"></div> | <p id="paragraph_2"></p>
----------------------------- | -------------------------

每个paragraph_n由我的Rails后端提供。每个identifier_n都是由JavaScript脚本动态生成的(因为它们标识了右边的段落,该段落可能会由于用户输入而改变)

我希望段落列整体为contenteditable=true(以便用户可以将段落合并或将段落拆分为多个段落,或者基本上是在其中编辑文本),而标识符列则为contenteditable=false,因此我的JavaScript是唯一允许更改它们的语言。

当前看起来像这样:

<div id="container" contenteditable="true">
  <p id="paragraph_0" class="paragraph"></p>
  <p id="paragraph_1" class="paragraph"></p>
  <div id="identifier_0" class="identifier"></div>
  <div id="identifier_1" class="identifier"></div>
</div>

但是,这使得列,段落和标识符都继承了contenteditable=true属性。而且我只希望段落列中有它。

有没有办法做我想做的事?

预先感谢


(注释中的答案==>只需将contenteditable =“ false”添加到identifier_n,即使将其包装在contenteditable =“ true” div中也可以做到)

0 个答案:

没有答案
相关问题