Inserir componente Ember, t no cursor no elemento contentEditable
eu tenho umcontentEditable div onde eu quero permitir que os usuários digitem texto, além de inserir elementos de entrada como caixas de texto e menus suspensos. Os elementos serão inseridos onde está o cursor atualmente, permitindo que o usuário clique em um botão fora da div editável.
Eu consegui funcionar muito bem, seguindo este exemplo geral:
que basicamente faz um
document.selection.createRange().pasteHTML(html);
O problema é que ele espera que o HTML seja passado para a função que insere o elemento no cursor. Para coisas mais complexas, eu gostaria de poder inserir componentes do Ember com a lógica html / js completa disponível, em vez de tentar colocar todos os html / js em uma string.
Existe uma maneira de criar programaticamente um componente E inseri-lo em um elemento contentEditable no cursor, mantendo sua funcionalidade, como ações etc.
Atualmente, estou no Ember 2.5.