Contenttools如何使区域不可编辑

Question

我有一个容器div，其中一切都是可编辑的

<div data-editable data-name="main-content">

</div>

哪个工作正常，但在div内部有多个部分都可以编辑（由于父div具有可编辑标签）但我希望有一个部分（ap标签）isn＆＃ 39;可编辑，而该div中的所有其他内容都是可编辑的。

除了从父div中删除数据可编辑并将其添加到每个单独的p标签（可能有数百甚至数千）之外，如何阻止一个p标签被编辑？

我认为有一个像数据一样的标签 - 无法编辑，但我无法在文档中找到任何内容，除非我错过了明显的内容。

编辑：

为了澄清我使用的库（根据标题）是ContentTools，可在此处找到：http://getcontenttools.com/

Answer 1

如果您仍然遇到问题，请使用此功能请告诉我

.first{
			height: 300px;
			border:1px solid red;
		}
		.wrapper{
			width: 500px;
			height: 300px;
			position: relative;
		}
		.second{
			background-color: green; 
			width:200px; 
			height: 100px;
			left: 0px;
			right: 0px;
			top: 10px;
			margin-left: auto;
			margin-right: auto;
			position: absolute;
		}

<div class="wrapper">
<div contenteditable="true" data-name="main-content" class="first">

</div>
<div  contenteditable="false" class="second">

</div>
</div>