我在一個可編輯的內容里面有div塊。我喜歡展示當文本和塊一起被選擇時，塊也被選擇。找不到路。感謝任何幫助。

我不想讓用戶選擇嵌入塊中的部分文本。

[contenteditable="true"] {
  border: 1px solid gray;
  padding: 20px;
}
[contenteditable="true"] > span {
  border: 1px solid green;
  display: inline-block;
  border-radius: 20px;
  padding: 5px;
    
  user-select: none;
}

<div contenteditable="true">
  lorem ipsum
  <span class="embed-block" draggable="true" data-value="test">
      &#xFEFF;
      <span contenteditable="false">
         <div class="embed-block-child1">
           <div class="embed-block-child2">
              <div class="embed-block-child3">
                 <span style="margin-right:4px">some block</span>
              </div>
           </div>
         </div>
      </span>
      &#xFEFF;
  </span>

  .....
  Following properties effects. user-select, draggble="true"
</div>