用透明的div /图像覆盖跨度

Question

我想让内容可编辑的div的内容不可编辑。 假设我的结构如下：

<div contenteditable=true></div>

现在有了一些功能，结构就会变成

    <div contenteditable=true> <p class="x">abc</p> some text <p
 class="x">abc</p><p class="x">abc</p><p class="x">abc</p>  again
 editable continues</div>

我想让div部分不可编辑（从第一个<p>标记开始到最后<p>标记，所以我决定使用透明div覆盖它们。如果{{{ 1}}标签是连续的，但如果它们之间有一些文本，它是可编辑的（它不被透明div覆盖）。

是否有任何解决方案可以使用透明div覆盖内容可编辑div的某些内容 或使其部分不可编辑？

注意：我不想将所有<p>标记与任何其他元素包装在一起。

Answer 1

您可以执行相反的操作 - 设置div contenteditable=false并使用contenteditable=true

包装可编辑区域