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

SQL pro každý den

Jak si užít SQL a nezabloudit v kódu

Zobrazit knihu

Python - základy

Naučte se základy Pythonu - populárního jazyka, který vzal datovou vědu doslova útokem.

Zobrazit kurz

Pandas - analýza a zpracování dat

Naučte se základy Pandas - pythonovské knihovny, která je standardem pro analýzu a zpracování dat.

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.

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

Designed by grafikli.cz in Prague.