CONTENTEDITABLE，外面的子元素

Question

內類型的內容我有一個DIV CONTENTEDITABLE：

<div contenteditable="true"><strong>Hi there</strong></div> 

當我鍵入它裏面的東西，所有的文本是大膽的。我使用Inspect Element進行了檢查，似乎所有輸入的內容都放在「強」標籤內，但我希望它位於div標籤內部。我該如何解決這個問題？

div { 
 
    height: 250px; 
 
    }

<div contenteditable="true"><strong>Hi there</strong></div>

Answer 1

您可以修復，僅僅由<strong>元素上設置contenteditable="false"。

div { 
 
    height: 250px; 
 
}

<div contenteditable="true"><strong contenteditable="false">Hi there</strong></div>

你仍然可以刪除的 「您好」，而不是直接進行編輯。

或者，你可以組織你的HTML像這樣：

div { 
 
    height: 250px; 
 
} 
 
p { 
 
    display: inline-block; 
 
}

<div><strong>Hi there</strong> <p contenteditable="true"></p></div>