一个div contentdiable为true,当其中内容为一个不可编辑得元素时，无法删除

是的，当`<div>`标签的`contentEditable`属性设置为`true`时，其内部的元素会变得可编辑。但是，如果内部的元素设置了`contentEditable`属性为`false`，则该元素将不可编辑，并且无法通过删除键进行删除。

如果您希望能够删除不可编辑元素，请尝试在可编辑区域的周围添加一个可编辑元素，并将其设置为`display: none`。在需要删除不可编辑元素时，您可以动态更改该元素的`display`属性，使其可见，并使用JavaScript从DOM中删除该元素。

以下是一个示例代码：

<div contentEditable="true">
  <p>This is some text.</p>
  <img src="image.jpg" alt="image" contentEditable="false">
</div>

<button onclick="deleteImage()">Delete Image</button>

<div id="hiddenDiv" contentEditable="true" style="display: none;"></div>

<script>
  function deleteImage() {
    var hiddenDiv = document.getElementById("hiddenDiv");
    var editableDiv = document.querySelector("[contentEditable='true']");
    var image = editableDiv.querySelector("img[contentEditable='false']");
    if (image) {
      hiddenDiv.appendChild(image);
      image.style.display = "inline-block";
      hiddenDiv.innerHTML = "";
    }
  }
</script>

在上面的代码中，我们首先获取具有`contentEditable`属性为`true`的`<div>`元素，然后检查该元素内是否有`contentEditable`属性为`false`的`<img>`元素。如果有，我们首先获取一个具有`contentEditable`属性为`true`的隐藏`<div>`元素（`id="hiddenDiv"`），然后将该元素添加到隐藏的`<div>`元素中。接下来，我们将该图像的`display`属性更改为`inline-block`，使其可见，并将隐藏的`<div>`元素的内容设置为空。这样，我们就可以从DOM中删除该元素了。

请注意，这只是一种解决方法，您可以根据您的具体情况进行修改。