Menggunakan pelayar web sebagai Notepad dalam talian

Dengan membaca RSS, saya dapati artikel di Komputer Sangat yang seterusnya membawa kepada a hantar oleh José Jesús Pérez Aguinaga, di mana dia menunjukkan kepada kita cara menggunakan format URI data yang bersama-sama dengan kekuatan HTML5 dan elemen baru yang disebut 'kandungan boleh diubah', membolehkan kita membuat halaman HTML yang dapat kita gunakan sebagai Notepad.

Kita hanya perlu memasukkan bar alamat:

data:text/html, <html contenteditable>

Di dalamnya hantar oleh José Jesús Pérez Aguinaga, beberapa contoh lain yang patut dilihat muncul melalui komen:

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 mencubanya Firefox y Kromium dan ia berfungsi dengan sempurna .. Saya rasa ia mesti berfungsi di penyemak imbas lain dengan sokongan HTML5 😀


Tinggalkan komen anda

Alamat email anda tidak akan disiarkan. Ruangan yang diperlukan ditanda dengan *

*

*

  1. Bertanggungjawab atas data: Miguel Ángel Gatón
  2. Tujuan data: Mengendalikan SPAM, pengurusan komen.
  3. Perundangan: Persetujuan anda
  4. Komunikasi data: Data tidak akan disampaikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Pangkalan data yang dihoskan oleh Occentus Networks (EU)
  6. Hak: Pada bila-bila masa anda boleh menghadkan, memulihkan dan menghapus maklumat anda.

  1.   Reput87 kata

    hahaha rasa ingin tahu html5 Saya rasa ia akan melayani saya pada satu ketika dan bukannya membuka editor lain ... terima kasih

  2.   wow kata

    Man, penggunaan sebenar yang saya lihat adalah untuk melihat bagaimana kod html akan kelihatan (jika anda merancang sesuatu dalam html). Izinkan saya menjelaskan: di bar alamat anda meletakkan semua pilihan html dan kemudian menulis apa sahaja, sehingga anda dapat melihat "pratonton panas", tanpa perlu menggunakan editor dengan pilihan paparan html atau perlu menyimpan fail dan membukanya dengan penyemak imbas .

  3.   sieg84 kata

    juga bekerja di Opera

    1.    Cristianhcd kata

      Saya lebih suka seribu kali nota yang disatukan dalam penyemak imbas, yang biasa

  4.   ekoslacker kata

    Ini mungkin tidak menarik bagi banyak orang, tetapi di Konqueror ia berfungsi.

    Greetings.

  5.   elynx kata

    ummm ... seni inovasi 😉

    Bagus (dan) ... Salam!

  6.   kronologi kata

    Sangat menarik, semua yang disatukan ke dalam penyemak imbas bukanlah idea buruk, dan nampaknya ini akan berlaku dengan HTML5.

  7.   daniel c. kata

    Buinisiimooo ini, baik bagi saya kerana saya mencari sesuatu seperti itu tanpa perlu memasang sesuatu di kedai web google

  8.   dae kata

    ia berfungsi dengan vivaldi, dan penjelajah fail juga berfungsi untuk anda:
    fail: // localhost /