由javascript应用的span标签

Question

我正在处理html和js中的文本编辑器，它通过上下文菜单打开。

当用户突出显示某些文字并右键单击时，会打开一个自定义菜单，其中包含各种文本格式选项。

选中link。

这是主要的格式功能：

function StyleChange(style,property) {
    var span = document.createElement("span");
    span.style[style] = property;

    if (window.getSelection) {
        var sel = window.getSelection();
        if (sel.rangeCount) {
            var range = sel.getRangeAt(0).cloneRange();
            range.surroundContents(span);
            sel.removeAllRanges();
            sel.addRange(range);
        }
    }
}

我在一分钟内遇到了一些小问题。有没有办法让它识别是否已经有一个跨度，好像用户将文本颜色更改为黄色并改变他的想法，它不会让他选择任何其他颜色相同的尝试使用高光功能

如果您对文本ID颜色进行了大量自定义：orange;背景：黄色;字体重量：粗体;你最终得到跨度内的跨度，它看起来很乱。

有什么想法吗？