回退键删除整个span元素

Question

能否通过按下退格键来防止删除span元素？

<div class="form-control" contenteditable="true">
  <span class="correct-answer">
    <span contenteditable="false">The correct answer is (A) 1 to 2. </span>
    <span class="sentence" num="11">dgsdgsg. sgsdgs sgsgs.</span>
  </span>
</div>

示例：http://jsfiddle.net/pvj64px9/1/

The correct answer is (B) 2 to 3. and `Choice A (1 to 2) is incorrect. ` must not be deleted.

- R-J

---

当然可以，但你需要使用JS进行检查。 - Marc B

没问题，只要能解决问题就好！ :) - R-J

添加了 jsfiddle 示例。 - R-J

我纠正了我的语法错误 - 正确答案是（B）2到3。和选择A（1到2）是不正确的。请勿删除。 - R-J

可能会有帮助：https://dev59.com/N3M_5IYBdhLWcg3waSX9 - Lee

Answer 1

将父容器的contenteditable属性设置为“false”。

<div id="window-kitkat" class="form-control" contenteditable="false">

并将您想要编辑的各个元素设置为true，例如，

<span class="sentence" num="10" contenteditable="true">jfbgfdgdf sgdsgsd.</span>

- Clay