Добавление пользовательского элемента в конкретную позицию редактора 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);