如何使用 JavaScript 在 contenteditable div 中的遊標位置插入 HTML？

在 Contenteditable Div 的遊標處插入 HTML

使用 contenteditable div 時，通常需要在遊標處插入 HTML位置。這可以使用 JavaScript 擷取按鍵事件並阻止 Enter 鍵的預設行為來完成。

要插入 HTML，我們可以使用 Range 物件的 insertNode() 方法。此方法允許我們將節點插入到 DOM 的指定位置。在大多數瀏覽器中，除了 IE

這裡有一個函數，示範如何在所有主流瀏覽器中，無論是否選取內容，在遊標位置插入HTML：

中IE

這個方法比較靈活，它允許我們指定是否要選擇插入的內容。

要呼叫此函數，只需傳入要插入的 HTML 和一個布林值以指示是否選擇插入的內容即可。

對於例如：

以上是如何使用 JavaScript 在 contenteditable div 中的遊標位置插入 HTML？的詳細內容。更多資訊請關注PHP中文網其他相關文章！