Häufig möchte man seine Texte so schreiben, dass sie nicht nur verständlich und gut lesbar sind, sondern dass sie auch im Layout gut aussehen. Ein Beispiel wären Texte für verschiedene Teaser-Elemente die alle gleich lang sein sollen.
Der Pixelgangster hat vor einiger Zeit den entsprechenden JavaScript-Code veröffentlicht, mit dem der "Design Mode" im Browser eingeschaltet werden kann. Anschließend ist es möglich die Texte der Website live zu editieren. Besonders benutzerfreundlich wird diese Methode wenn ihr den Code als Bookmarklet abspeichert. Anschließend könnt ihr per Klick auf das Bookmarklet den Bearbeitungsmodus ein- und ausschalten.
Bookmarklet anlegen
Erstellt ein neues Lesezeichen und ersetzt die Adresse mit dem nachfolgenden JavaScipt-Code.
javascript:(
function () {
if (document.documentElement.contentEditable === false || document.designMode === "off") {
document.body.contentEditable='true';
document.designMode='on';
void 0;
} else if (document.documentElement.contentEditable === true || document.designMode === "on") {
document.body.contentEditable='false';
document.designMode='off';
void 0;
}
})();
Jetzt bist Du gefragt
Gefällt Dir dieser Beitrag oder bist du anderer Meinung? Hast du Anregungen, Ergänzungen, einen Fehler gefunden oder ist dieser Beitrag nicht mehr aktuell? Dann freuen wir uns auf deinen Kommentar.