nichtmarkieren

span.nichtmarkieren weist die Browser an, derartig formatierten Text nicht für das Kopieren markierbar zu machen. D.h. der User kann zwar den ganzen Block oder Seite markieren, wenn er den markierten Bereich in die Zwischenablage kopiert, fehlt der mit 'nichtmarkieren' formatierte Bereich.

Text als nicht markierbar und nicht kopierbar formatieren

Quelle: https://cmsimplexh.de/?Besonderheiten/Inhalt-nicht-markierbar

Inhalte nicht markier- und kopierbar

Der erste (folgende) Satz ist per CSS geschützt und nicht markierbar! — Der zweite Satz ist wieder normal:

Ich bin auf herkömmlichen Seiten kein Freund davon, Texte nicht markieren und kopieren zu können oder nur mit Umweg.

Das ist aber kein Problem der Technologie, sondern entspricht den Intentionen des Seitenbetreibers. Diese Anweisung sollte ganz sparsam eingesetzt werden und nur dort, wo es notwendig ist, man möchte den Benuter der Website ja nicht verärgern!

Im Bereich von Home-Schooling (2020, wegen der Corona-Pandemie) kann dies aber schon als sinnvoll erachtet werden. Und somit sind solche Lösungen auch für uns Lehrkräfte sinnvoll.

Weiterführende Infos

Michael Zajusch

---

Wie wird das nun realisiert?

1) Füge in der stylesheet.css des (Standard-) Templates (damit es nicht zu unübersichtlich wird am besten bei den Anweisungen für Styles) diese Zeilen ein. Den Kommentar zwischen /* Kommentar */ kann man auch weglassen.

/* Start: Besondere Styles: Inhalte lassen sich nicht markieren */

div#nichtmarkieren {
-ms-user-select: None;
-moz-user-select: None;
-webkit-user-select: None;
user-select: None;
}

/* Ende: Besondere Styles: Inhalte lassen sich nicht markieren */

2) Abspeichern und auf den Server hochladen.

3) Auf der Webseite fügt man vor dem zu markierenen Inhalt den Funktionsaufruf im HTML-Modus <div id="nichtmarkieren"> ein. Nach dem Inhalt (Text, Bilder ...) kommt dann das abschließende </div>.

Abspeichern nicht vergessen. Das war es eigentlich schon.

Das kann man natürlich auch in der stylesheet.css deklarieren, wenn man es bequem haben will und öfter benötigt. :
<span class="nichtmarkieren">text</span>

« vorige Seite | Seitenanfang | nächste Seite »