html browser editor
Hledáte rychlý a jednoduchý způsob, jak si na počítači zapsat poznámky? Tento tip vás naučí, jak proměnit prohlížeč v poznámkový blok. A bude vám k tomu stačit jen jeden krátký HTML kód.
Další výhodou je, že tento trik funguje offline, nemusíte tedy být připojení k internetu.
Jak to funguje
Text si můžete zapisovat díky HTML atributu contenteditable, který promění jakoukoli část webové stránky v interaktivní oblast ve které můžete upravovat text. Podporují ho všechny moderní prohlížeče.
Pro minimalisty
Pokud chcete úplný základ, stačí následující, kratičký kód. Zkopírujte ho do schránky a vložte do adresního řádku v prohlížeči. Potom klikněte dovnitř okna a můžete psát.
data:text/html,<html contenteditable></html>
Světlé schéma
Pokud kód trochu ostylujeme, získáme příjemné, světlé schéma.
data:text/html,<html contenteditable style="max-width:60rem;margin:0 auto;padding:4rem; font:2rem/1.5 monospace;border:none;background:rgb(253,246,227);color:rgb(101,123,131);" autofocus/><title>Lovely Text</title></html>
Tmavé schéma
Drobná změna v barvách a máme dnes tolik populární tmavé schéma. To ocení zejména ti, kteří rádi pracují v noci.
data:text/html,<html contenteditable style="max-width:60rem;margin:0 auto;padding:4rem; font:2rem/1.5 monospace;border:none;background:rgb(0,43,54);color:rgb(131,148,150);" autofocus/><title>Lovely Text</title></html>
Ukládání na disk
Napsaný text si uložíte na disk pomocí klávesové zkratky CTRL+S na Windows nebo CMD+S na macOS.
Solarizované barvy
Pokud vám výše použité barvy připomínají známé schéma Solarized, máte dobrý postřeh. 🙂
