//caret
var addHtmlAtCaret = function () {
  var sel, range;
  if (window.getSelection) {
    // IE9 and non-IE
    sel = window.getSelection();
    if (sel.getRangeAt && sel.rangeCount) { /*After the user clicks on the page, rangeCount is 1*/
      range = sel.getRangeAt(0); /*returns range object*/
      range.deleteContents(); /*removes the contents of the Range from the Document*
    }
  }
};


sel, range 객체의 값은 다음과 같은 형식으로 들어온다.
sel :

range :

위의 값을 이용해서 원하는 곳에 내용을 추가해준다.
addrHtml에 커서의 위치에 넣고 싶은 값을 넣는다.
(나는 링크 추가할 때 이용함)

var el = document.createElement("div");
el.innerHTML = addrHtml;
$compile(el)($scope);
var frag = document.createDocumentFragment(), node, lastNode;
while ((node = el.firstChild)) {
  lastNode = frag.appendChild(node);
}
range.insertNode(frag);

// Preserve the selection
if (lastNode) {
  range = range.cloneRange();
  range.setStartAfter(lastNode);
  range.collapse(true);
  sel.removeAllRanges();
  sel.addRange(range);
}