Žiniatinklio naršyklės naudojimas kaip internetinė „Notepad“

Skaitant mano RSS randu straipsnį LabaiKompiuteris o tai savo ruožtu veda į a paštu José Jesús Pérez Aguinaga, kur jis mums parodo, kaip naudoti formatą Duomenų URI kuris kartu su HTML5 galia ir nauju elementu, vadinamu „patenkintas'leidžia mums sukurti HTML puslapį, kurį galime naudoti kaip bloknotą.

Mes tiesiog turime įdėti adreso juostą:

data:text/html, <html contenteditable>

Į paštu José Jesús Pérez Aguinaga, keletas kitų pavyzdžių, į kuriuos verta atkreipti dėmesį, pateikiami komentaruose:

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;">

Išbandžiau "Firefox" y chromas ir jis veikia puikiai, manau, turėtų veikti bet kurioje kitoje naršyklėje su HTML5 palaikymu 


Pridėti kaip pageidaujamą šaltinį „Google“ sistemoje