Verhindern, dass Tabellenspalten in Safari und Firefox ausgewählt und kopiert werden?

Question

Ich arbeite an, was im Grunde ein kleines Dienstprogramm ist, das ein Stück Quellcode in einer Tabelle anzeigt, die zwei Spalten hat, eine für Zeilennummern und eine für die eigentliche Quelle.

fand ich, dass Sie das Aussehen von Text mit dem folgenden CSS ausgewählt wird verhindern können:

table th { 
    -moz-user-select: none; 
    -webkit-user-select: none; 
} 

Leider funktioniert das nicht. Während der Text erscheint nicht ausgewählt werden, wenn Sie kopieren und einfügen ist, wird es immer noch kopieren.

Also gibt es tatsächlich einen Weg, dies zu tun?

Answer 1

Alle Ihre Zeilennummern sollten in einem einzigen td in einem einzigen tr liegen. Wenn Sie für jede Zeile eine tr erstellen, können Sie das Kopieren der Zeilennummern nicht verhindern.

Siehe die Quelle dieser Seite: http://pastie.org/561138 für ein Beispiel.

Answer 2

Haben Sie versucht, sie in ein separates div zu setzen und zu schweben?

Ich habe auch gerade this gefunden, verwendet jQuery, um es für Sie zu tun. Sie könnten es verwenden, oder Sie könnten es auseinander nehmen und herausfinden, wie es angezeigt wird, und dann das verwenden.

Answer 3

Die Auswahl hängt von der Reihenfolge im DOM-Baum ab. Daher müssen Sie die Quellanzeige vor oder nach dem HTML-Code platzieren, der Zeilennummern anzeigt. Es ist wahrscheinlich der einfachste Weg, die Quell- und Zeilennummern in separaten divs zu platzieren und die Elemente zu schweben.

Answer 4

Eine Lösung für Ihr Problem ist hier zu finden:

Line numbering and copy/paste (HTML/CSS)