如何替换window.getSelection（）。toString（）数据

Question

我已经获得了用户选择的window.getSelection（）数据。如何更换或更新当前选定的数据？ 我想用变量

中的内容替换当前选择的数据

$scope.mouseUpEvent = function() {

    $scope.selectedText =  $scope.getSelectionText();
   // do i do the function here to replace

}; 

$scope.getSelectionText = function(){

// Predefine select and range
    var sel, range;
    if (typeof window.getSelection != "undefined") {
    sel = window.getSelection();
        if (sel.rangeCount) {
           var range = sel.getRangeAt(0),
            content = range.cloneContents();
     }
 }

HTML

 <div ng-mouseup="mouseUpEvent()"   ng-keyup="keyUpEvent()" contenteditable >Lorem ipsum dolor sit amet, consectetur</div>

Answer 1

要替换javascript中的元素，首先需要使用document.createElement创建元素，而不是需要将创建的元素插入到您预先定义的范围内。

 createEl= document.createElement(div);
 range.insertNode(createEl);