选择嵌套在contenteditable内的整个元素，即使只选择了其中的一部分

Question

我有一个contenteditable div，其中嵌有一些span标签。我要做的就是选择整个元素，即使只选择了一个部分，它也可以同时使用 - 单击鼠标和拖动以及按住shift +导航键。 布局可能如下所示：

<div contenteditable="true" id="text">
     Some text goes here
     <span class="highlight">Some tag in here</span>
     Some more text
     <span class="highlight">More tagged text</span>
</div>

要做的事情就是生病了＃34;标签＆＃34;文本内部不应该是可编辑的，但您仍然可以将它们与其余文本一起复制。

提前谢谢。