Как вставить текст на место курсора, (не setRangeText)

Работаю с vue, и установил текст редактор, и уже искал решения но не нашел, навел я например курсор на редактор, и с select выбираю значения и вставляю тот текст где был курсор в редакторе , пробувал использувать такой метод

range = document.createRange();
newNode = document.createElement("p");
newNode.appendChild(document.createTextNode("New Node Inserted Here"));
range.selectNode(document.getElementsByTagName("div").item(0));
range.insertNode(newNode);

Но он просто заменяет весь текст что попал под курсор , и вставляет туда, но мне надо например на место курсора добавить , а не заменить, например с разметкой <span class ="tag"> new tag</span> сразу говорю , setRangeText не подошел, потому что тяжело мне достать с компонента там input, или что там есть я хз