In diesem Beitrag soll es um zwei verschiedene Dinge gehen:
- Man möchte eine fremde Webseite ausdrucken oder als PDF-Dokument speichern. Nur stören einen womöglich Bilder und Werbeanzeigen. Der Wunsch kommt auf, die Seite gewissermaßen abzuspecken.
- Man will Bereiche auf einer eigenen Webseite bearbeitbar machen, sodass Text eingegeben werden kann.
Fremde Inhalte editieren
Im Beitrag Firefox & Chrome: Webseiten-Inhalte editierbar machen wird sehr schön erklärt, wie man mit ein bisschen JavaScript-Code Bilder löschen oder auch Texte einer Webseite editieren kann. Freilich manipuliert man damit nicht dauerhaft die fremde Seite – lediglich die Anzeige im eigenen Webbrowser wird vorübergehend verändert.
Kurz zusammengefasst, was man tun muss: Lesezeichen erstellen und dort statt einer Web-Adresse den JavaScript-Code eintragen: javascript:document.body.contentEditable='true';document.designMode='on';void 0;
Klickt man später auf das Lesezeichen, wird der JavaScript-Befehl aktiviert.
Eigene Inhalte bearbeitbar machen
Mit dem Attribut contenteditable kann jedes Element, das Text enthalten kann, editierbar gemacht werden. Genauer beschrieben wird das im Artikel HTML contenteditable Attribute der W3Schools. Einen Absatz zum Beispiel macht man folgendermaßen bearbeitbar: <p contenteditable="true">Bearbeitbarer Absatz</p>
Nach einem erneuten Laden der Seite ist der eingegebene Text allerdings weg – falls keine Vorkehrungen getroffen wurden, den Inhalt zu speichern, zum Beispiel im lokalen Speicherbereich des Webbrowsers. Wie das geht, wird erklärt im Artikel HTML contenteditable mit Javascript localStorage speichern auf mediaevent.de.