How to Insert dom element into editor? about textangular HOT 4 CLOSED

 checkbox: {
            display: "<button type='button' ng-click='action()' ><i class='fa fa-check-square-o'></i></button>",
            action: function () {

                function insertNodeAtCursor(node) {
                    var sel, range, html;
                    if (window.getSelection) {
                        sel = window.getSelection();
                        if (sel.getRangeAt && sel.rangeCount) {
                            sel.getRangeAt(0).insertNode(node);
                        }
                    } else if (document.selection && document.selection.createRange) {
                        range = document.selection.createRange();
                        html = (node.nodeType == 3) ? node.data : node.outerHTML;
                        range.pasteHTML(html);
                    }
                }
                function placeCaretAtEnd(el) {
                    el.focus();
                    if (typeof window.getSelection != "undefined"
                        && typeof document.createRange != "undefined") {
                        var range = document.createRange();
                        range.setStartAfter( el );
                        range.setEndAfter( el );
                        var sel = window.getSelection();
                        sel.removeAllRanges();
                        sel.addRange(range);
                    } else if (typeof document.body.createTextRange != "undefined") {
                        var textRange = document.body.createTextRange();
                        textRange.moveToElementText(el);
                        textRange.collapse(false);
                        textRange.select();
                    }
                }

                var element = $compile('<input type="checkbox" eg-todo />')(this.$parent);

                this.$parent.displayElements.text[0].focus();
                insertNodeAtCursor(element[0]);
                placeCaretAtEnd(element[0])
                return this.$parent.wrapSelection("insertHTML", "&nbsp;");
            }
        },

angular.module('eg.goal').directive('egTodo', function () {
    return {
        restrict: 'A',
        scope: false,
        link: function ($scope, element, attrs) {
            element.change(function() {
                element.attr('checked', element.is(':checked') ? 'checked' : false);
            });
        }
    };
});