突出显示所选单词

Question

我需要在textarea中实现突出显示和取消突出显示所选文本。请帮我实现这个。我尝试使用代码突出显示并取消突出显示

$('.highlight').click(function(){
    var selection= window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();

    var span= document.createElement("span");
    span.style.backgroundColor = "yellow";
    span.appendChild(selectedText);
    selection.insertNode(span);
});

$('.remove_highlight').click(function(){
    var selection= window.getSelection().getRangeAt(0);
    var selectedText = selection.extractContents();
    var span= document.createElement("span");
    span.style.backgroundColor = "white";
    span.appendChild(selectedText);
    selection.insertNode(span);
});

这里，.highlight和.remove_highlight是单独的按钮，提前谢谢