Вставить компонент Ember, находясь у курсора в элементе contentEditable
у меня естьcontentEditable div, где я хочу разрешить пользователям вводить текст, а также вставлять элементы ввода, такие как текстовые поля и раскрывающиеся списки. Элементы будут вставлены там, где в данный момент находится курсор, позволяя пользователю нажимать кнопку за пределами редактируемого элемента div.
Я получил это работает довольно хорошо, следуя этому общему примеру:
который в основном делает
document.selection.createRange().pasteHTML(html);
Проблема в том, что он ожидает, что HTML будет передан в функцию, которая вставляет элемент в курсор. Для более сложных вещей я хотел бы иметь возможность вставлять компоненты Ember с полной доступной логикой html / js, вместо того, чтобы пытаться поместить все html / js в строку.
Есть ли способ программно создать компонент и вставить его в элемент contentEditable при наведении курсора, сохраняя при этом его функциональность, такую как действия и т. Д.
Я сейчас на Ember 2.5.