Den Internetbrowser als Texteditor nutzen

Beim vorwiegenden Arbeiten mit dem Internetbrowser ist es manchmal hinderlich eine Notiz zu erstellen. Es gibt zwar recht komfortable Tools wie den Texteditor von Microsoft, Sticky Notes oder auch das Word-Programm. Letzteres ist aber zu komplex um nur mal ein paar Stichworte zu notieren. Einfacher ist es da doch, wenn nur ein neuer Browser-Tab geöffnet wird, um ein paar Stichworte zu schreiben.

So wird der Browser zum Texteditor

Moderne Internet-Browser benötigen nur ein paar Codes, um einen Tab zum Texteditior umzufunktionieren. Man muss sich aber auch die Codezeile nicht zwingend merken, da man den „Texteditor-Tab“ ganz einfach in den Favoriten wie eine normale Webseite speichern kann.

Mithilfe der folgenden Data URL wird der Browser um die Funktion eines HTML-Dokuments erweitert.

data:text/html, <html contenteditable>

Die ursprüngliche Codezeile des Software-Entwicklers José Jesús Pérez Aguinaga aus Mexiko funktioniert in nahezu allen Browsern.

In der Vergangenheit wurde dieser Code von anderen Nutzern etwas erweitert. Die Formatierung wurde verbessert und der Text-Editor um einen Titel ergänzt.

data:text/html, <title>Text Editor</title><body contenteditable style=“font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;“>

bild-2-text-editor-mexiko-jose-perez-jesus-aguinaga-firefox-browser-tab-ff-mozilla

Später wurde noch eine Erweiterung vorgenommen, die zwar nur eine Spielerei, aber nett anzusehen ist. Leider funktioniert diese Version nur bei Google Chrome, sowie Browsern mit dem Quellcode des Google Chrome Browsers (Chromium), wie beispielsweise dem „Comodo Dragon„.

data:text/html, <html><head><link href=’http://fonts.googleapis.com/css?family=Open+Sans‘ rel=’stylesheet‘ type=’text/css‘><style type=“text/css“> html { font-family: „Open Sans“ } * { -webkit-transition: all linear 1s; }</style><script>window.onload=function(){var e=false;var t=0;setInterval(function(){if(!e){t=Math.round(Math.max(0,t-Math.max(t/3,1)))}var n=(255-t*2).toString(16);document.body.style.backgroundColor=“#ff“+n+““+n},1e3);var n=null;document.onkeydown=function(){t=Math.min(128,t+2);e=true;clearTimeout(n);n=setTimeout(function(){e=false},1500)}}</script></head><body contenteditable style=“font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;“>

Kopieren Sie einfach die obigen Codezeilen, fügen Sie diese einfach in die Adresszeile Ihres Browsers ein, und drücken Sie die Taste [Enter]. Sie können natürlich auch direkt auf den Code klicken und dem Hyperlink folgen. Speichern Sie anschließend den Texteditor in Ihren Favoriten.

Die mobile Version verlassen