Спасибо работает, это тестовый пример я собираюсь перенести это на основной редактор. Только в главном редакторе у меня нет внутреннего контейнера с классом component. Я этот контейнер добавила, чтобы была возможность использовать insertBefore. Так как он принимает два значение. 1. Элемент который нужно вставить и 2. Элемент перед которым нужно вставить.
var rangeElement = document.createElement("div");
rangeElement.setAttribute("class", myclass);
rangeElement.innerHTML = "<p><br></p>";
var sp1 = document.getElementsByClassName("editable")[0];
var sp2 = document.getElementsByClassName("component")[0];
sp1.insertBefore(rangeElement, sp2);
Раз такого элемента как компонент у меня отсутствует в основном редакторе. Существует ли возможность по другому сделать вставку?