Das contenteditable-Attribut und das resize-Element
Das contenteditable-Attribut erlaubt es, innerhalb eines definierten Bereiches:
vorhandene Texte / Bilder zu löschen, neue Texte zu schreiben und neue Fotos hinzuzufügen … also innerhalb des definierten Bereiches „zu arbeiten“.
Speichern können Sie allerdings nichts und Links innerhalb des contenteditable-Attributs können (aus Sicherheitsgründen) nicht bedient werden.
Aber Sie können zum Beispiel folgendes tun: Den unten stehenden Entwurf „Meine tolle Website“ bearbeiten … oder alles gleich neu schreiben … und über den Inspektor von Firefox können Sie natürlich auch jedes Design ändern … also (mehr oder weniger) sinnvoll innerhalb dieses Kastens experimentieren oder spielen … oder beides.
Das resize-Element
Sie können diesen Kasten anhand der unten rechts liegenden „Schaltfläche“ auch in der Größe ändern; vielleicht kennen Sie diese Möglichkeit von Kontaktformularen, wo der Textbereich „Eingabe / Ihre Nachricht“ oftmals ebenfalls durch den Nutzer in der Größe angepasst werden kann – es ist das sogenannte textarea-Element, das aber auch für andere Objekte zu gebrauchen ist.
Die maximale Breite habe ich auf 120% reduziert (also etwas über den sichtbaren Monitor hinweg verschiebbar) und auf 100em maximale Höhe:
