Menggunakan browser web sebagai Notepad online

Membaca RSS saya, saya menemukan artikel di VeryComputer yang pada gilirannya mengarah ke a pos oleh José Jesús Pérez Aguinaga, di mana dia menunjukkan kepada kita bagaimana menggunakan format tersebut URI Data yang bersama dengan kekuatan HTML5 dan elemen baru yang disebut 'dapat diedit', memungkinkan kita membuat halaman HTML yang dapat kita gunakan sebagai Notepad.

Kita hanya perlu memasukkan address bar:

data:text/html, <html contenteditable>

Dalam pos oleh José Jesús Pérez Aguinaga, beberapa contoh lain yang patut untuk dilihat muncul melalui komentar:

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

Saya mencobanya Firefox y Khrom dan berfungsi dengan sempurna. Saya rasa ini dapat berfungsi di browser lain yang mendukung HTML5 


Tambahkan sebagai sumber pilihan di Google