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 harus bekerja di browser lain dengan dukungan HTML5 😀


tinggalkan Komentar Anda

Alamat email Anda tidak akan dipublikasikan. Bidang yang harus diisi ditandai dengan *

*

*

  1. Penanggung jawab data: Miguel Ángel Gatón
  2. Tujuan data: Mengontrol SPAM, manajemen komentar.
  3. Legitimasi: Persetujuan Anda
  4. Komunikasi data: Data tidak akan dikomunikasikan kepada pihak ketiga kecuali dengan kewajiban hukum.
  5. Penyimpanan data: Basis data dihosting oleh Occentus Networks (UE)
  6. Hak: Anda dapat membatasi, memulihkan, dan menghapus informasi Anda kapan saja.

  1.   busuk87 dijo

    hahaha keingintahuan html5 Saya kira itu akan membantu saya di beberapa titik daripada membuka editor lain ... terima kasih

  2.   Wow dijo

    Man, kegunaan sebenarnya yang saya lihat adalah untuk melihat bagaimana kode html akan terlihat (jika Anda mendesain sesuatu dalam html). Izinkan saya menjelaskan: di bilah alamat Anda meletakkan semua opsi html dan kemudian menulis apa pun, sehingga Anda dapat melihat "pratinjau panas", tanpa harus menggunakan editor dengan opsi tampilan html atau harus menyimpan file dan membukanya dengan browser.

  3.   sieg84 dijo

    juga berfungsi di Opera

    1.    Cristianhcd dijo

      Saya lebih suka seribu kali catatan terintegrasi di browser, yang biasanya

  4.   pemalas dijo

    Ini mungkin tidak menarik bagi banyak orang, tetapi di Konqueror ini berhasil.

    Salam.

  5.   elynx dijo

    ummm… seni inovasi 😉

    Bagus (dan)… Salam!

  6.   kronos dijo

    Sangat menarik, semua yang terintegrasi ke dalam browser bukanlah ide yang buruk, dan tampaknya hal ini akan terjadi dengan HTML5.

  7.   daniel c. dijo

    Buinisiimooo ini, bagus untuk saya, saya mencari sesuatu seperti itu tanpa harus menginstal sesuatu toko web google

  8.   dae dijo

    ini berfungsi dengan vivaldi, dan file explorer juga berfungsi untuk Anda:
    file: // localhost /