カスタム ボタンをクリックした後、(jquery を使用して) 内部にいくつかの特定の要素を含む特定のテーブルを作成し、それを froala エディター内に配置しています。ただし、エディター内に配置するたびに、このカスタム テーブルが froala エディターの終点に表示されます。たとえば、3 つの段落があり、この表を 2 番目と 3 番目の段落の間に追加したい場合、表を配置する位置をクリックして挿入します。ただし、3 番目の段落の最後に表示されます。現在のカーソル位置を取得して、このテーブルをこの時点に置く方法はありますか?
前もって感謝します
編集：文法
この問題を解決できました。このリンクで答えを見つけました: contentEditable を使用する場合、Javascript でキャレットが入っている要素を取得するにはどうすればよいですか?
まず、必要に応じてカスタム要素を作成し、次に、以下に示すように、選択した場所の次の兄弟の直前にカスタム要素を配置しました。
// 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);