使用JavaScript从所选文本中删除Html标记

时间:2015-01-15 12:52:49

标签: javascript html dom tags

我是 JavaScript 的新用户,我尝试在所选单词中添加新标签。
我是这样做的:

function addBoldTag() {
                 var highlight = window.getSelection();
               if(highlight.toString().length>=1){
               var range = highlight.getRangeAt(0); 
                var selectionContents = range.extractContents(); 
                 var boldtag = document.createElement("b"); 
                 boldtag.style.cssText = " color :blue; ";
                 boldtag.appendChild(selectionContents); 
                 range.insertNode(boldtag); 
                 highlight.removeAllRanges(); 
                 }
}

我现在有一个新问题,我想解开或删除所选单词的标记,HTMLeditors的方式,但我无法找到办法它。我找到了 Jquery ,但我必须使用 pure javascript

1 个答案:

答案 0 :(得分:0)

请在下面查看:

const selectedRange = window.getSelection().getRangeAt(0);
const element = document.createElement('strong');
selectedRange.surroundContents(element);

我希望它能对您有所帮助