使行号不可复制

2023-11-26

我正在努力添加行号支持Rainbow,一个语法荧光笔,但我不知道如何使行号不可复制。

禁用选择通过user-select: none;使一个元素无法突出显示,但您仍然可以通过突出显示它周围的文本然后复制来复制其文本,这最终会复制行号和代码。

这是该问题的一个工作示例:http://jsfiddle.net/CjJLv/8/

任何帮助,将不胜感激。谢谢!


好吧,在兼容的浏览器中最简单的方法,遗憾的是,不可靠的跨浏览器,是使用生成的内容(我已经删除了其中的各个部分index被添加到插件中的文本内容中,并使用以下内容(在 CSS 末尾)来实现不可复制的文本:

table.rainbow {
    counter-reset: line;
}

table.rainbow tbody tr td:first-child {
    counter-increment: line;
}

table.rainbow tr td:first-child::before {
    content: counter(line);
}

JS 小提琴演示.

不过,这确实有一些相当大的缺陷(跨浏览器不友好的方法是最大的),所以我会尝试更好的东西......

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

使行号不可复制 的相关文章

随机推荐