我正在尝试通过以下方式填充两列某些内容(这是预期的行为)
<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中也可以做到)