1-image 2-image 3-image
Sie sind hier: Startseite > Besonderheiten > Inhalt nicht markierbar

Inhalte nicht markier- und kopierbar

Der erste 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


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 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.

 

Innerhalb einer Tabelle steht Text, der nicht markierbar sein soll? So sieht dieser Quellcode entsprechend aus:

<table style="border-collapse: collapse; width: 30%;" border="1">
<tbody>
<tr>
<td style="width: 100%; background-color: #11b6f2;">
<div id="nichtmarkieren">
<p style="text-align: center;"><span style="font-size: 12pt;">auf die Toilette <br>am Fahrradstand <br>möglichst bald<br></span><span style="font-size: 12pt;">ganz schnell <br>mit ernster Stimme <br>in den Pausen <br>gestern<br>zu uns in die Klasse <br></span><span style="font-size: 12pt;">zwischen den Rädern </span></p>
</div>
</td>
</tr>
</tbody>
</table>


Das kann man natürlich auch inline deklarieren, wenn man es nur an einer einzigen Stelle benötigt:
<div style="-ms-user-select: None; -moz-user-select: None; -webkit-user-select: None; user-select: None;">Hier den Text einfügen</div>

gefunden auf: https://lembach-kr.de/?Website-bauen/CMSimple_XH/Codeschnipsel

 

Letzte Bearbeitung:
Please activate JavaScript in your browser.

» Sitemap

Aufgrund der neuen Cookies-Verordnung der EU: Einige Bereiche dieser Website benötigen zu ihrer Funktion neben den sogenannten SESSION-Cookies, auch Cookies, die personenbezogenen Daten enthalten, die sich auf Sie, Ihren Webclient und / oder Ihr Gerät (PC oder Mobil-Gerät) beziehen (also: personenbezogenen Daten). Es werden nur seiteninterne Werte gespeichert. Bitte geben Sie Ihre Erlaubnis, evtl. weitere Cookies auf Ihrem Rechner zu platzieren.

Erfahren Sie mehr über diese Cookies in der Cookie Policy.