将自定义元素添加到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);