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