我正在努力添加行号支持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(使用前将#替换为@)