如何取消突出显示文本

Question

我编写了一个函数来突出显示使用以下方法选择的文本，

$('.highlight').click(function(){
        document.execCommand("insertHTML", false, "<span style=background-color:yellow;>"+ document.getSelection()+"</span>");
    });

但是，现在我需要取消突出显示选定的文本，请您帮帮我。

提前致谢。

Answer 1

CSS

.highlighted{
background-color:yellow;
}

JS

    $('.highlight').click(function(){
        document.execCommand("insertHTML", false, "<span class='selectedText highlighted'>"+ document.getSelection()+"</span>");
    });

    // CALL THIS FUNCTION, WHEN YOU NEED TO UNHIGHLIGHT
    function unhighlight(){
        $(".selectedText").removeClass("highlighted");
    }