將自定義元素添加到Froala編輯器的特定位置

Question

單擊我的自定義按鈕後，我創建了一個特定的表格，其中包含一些特定的元素（使用jquery）並將其放置在froala編輯器中。但是，無論何時將其放入編輯器中，此自定義表都出現在froala編輯器的終點處。例如，我有3段，我想在第2段和第3段之間添加此表，我點擊應該放置表的位置並插入它。但是，它出現在第三段末尾。有沒有辦法讓我可以得到當前的光標位置，並把這張表放在這個位置？

在此先感謝

編輯：語法

Answer 1

我能解決這個問題。我發現，在這個環節了答案：How can I get the element the caret is in with Javascript, when using contentEditable?

首先，我創建的自定義元素，因爲我想的話，我把我的自定義元素只是所選地點的下一個兄弟之前，如下圖所示：

// gives the position : 
var node = document.getSelection().anchorNode; 
var selected_place = (node.nodeType == 3 ? node.parentNode : node); 

//inserts to the selected place as I wanted 
selected_place.parentNode.insertBefore(document.getElementById("my_custom_element"), selected_place.nextSibling);