Utilizzo del browser Web come Blocco note in linea

Leggendo il mio RSS trovo un articolo in VeryComputer che a sua volta porta a a settimana di José Jesús Pérez Aguinaga, dove ci mostra come utilizzare il formato URI dei dati che insieme alla potenza di HTML5 e un nuovo elemento chiamato 'contenta', ci permette di creare una pagina HTML che possiamo usare come Blocco note.

Non ci resta che inserire nella barra degli indirizzi:

data:text/html, <html contenteditable>

Nel settimana di José Jesús Pérez Aguinaga, alcuni altri esempi che vale la pena guardare compaiono attraverso i commenti:

data:text/html, <textarea style="font-size: 1.5em; width: 100%; height: 100%; border: none; outline: none" autofocus />
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;">
data:text/html, <body contenteditable style="font-size:2rem;line-height:1.4;max-width:60rem;margin:0 auto;padding:4rem;">
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;">

L'ho provato Firefox y cromo e funziona perfettamente .. Immagino che dovrebbe funzionare in qualsiasi altro browser con supporto HTML5 😀


Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.

  1.   marcisce87 suddetto

    hahaha curiosità di html5 Suppongo che ad un certo punto mi aiuterà invece di aprire un altro editor ... grazie

  2.   Oh suddetto

    Amico, la vera utilità che vedo è vedere come apparirebbe un codice html (se stai progettando qualcosa in html). Mi spiego meglio: nella barra degli indirizzi metti tutte le opzioni html e poi scrivi qualunque cosa, così puoi vedere una "anteprima a caldo", senza dover usare un editor con opzioni di visualizzazione html o dover salvare file e aprendoli con il browser.

  3.   sig84 suddetto

    funziona anche in Opera

    1.    Cristianhcd suddetto

      Preferisco mille volte le note integrate nel browser, cosa usuale

  4.   eco-fannullone suddetto

    Potrebbe non interessare molti, ma in Konqueror funziona.

    Saluti.

  5.   elynx suddetto

    ummm… l'arte dell'innovazione 😉

    Bene (e) ... Saluti!

  6.   Cronos suddetto

    Molto interessante, tutto ciò che è integrato nel browser non è una cattiva idea, ea quanto pare questo accadrà con HTML5.

  7.   daniele c suddetto

    Questo bene, è stato un bene per me, stavo cercando qualcosa del genere senza dover installare qualcosa di Google Web Store

  8.   dae suddetto

    funziona con vivaldi e il file explorer funziona anche per te:
    file: // localhost /