Tip: Proměňte prohlížeč v poznámkový blok

Zpět na blog

Tip: Proměňte prohlížeč v poznámkový blok

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

Minimalistický poznámkový blok

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

Světlý poznámkový blok

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

Tmavý poznámkový blok

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. 🙂


Líbil se vám článek? Sdílejte ho s ostatními

nebo nám napište něco hezkého. Děkujeme!

Zpět na blog

Základy strojového učení

Přehledový kurz o možnostech strojového učení. Od základů až po neuronové sítě. Vyvážená kombinace teorie a praktických zkušeností.

Zobrazit kurz

Kontingenční tabulky od A do Z

Naučte se vytvářet kontingenční tabulky od základů až k pokročilým technikám.

Zobrazit kurz

OK, Python

Automatizujte rutinní práci v Excelu, nechte za sebe pracovat Python a zjednodušte si život.

Zobrazit kurz

Hledáme další autory

Publikujte na Lovely Blogu a inspirujte ostatní! Sdílením svých znalosti si budujete osobní značku.

Kontaktujte nás

Odběr novinek

Novinky, návody a tipy přímo do vašeho emailu.

Návody, tipy a slevy přímo do vašeho emailu.

Copyright © 2018-2022, Colorbee, s.r.o.

Design by grafikli.cz