javascript - 如何替换 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);