Paggamit ng web browser bilang isang online na Notepad

Pagbasa ng aking RSS Nakahanap ako ng isang artikulo sa VeryComputer na siya namang humahantong sa a magpaskil ni José Jesús Pérez Aguinaga, kung saan ipinakita niya sa amin kung paano gamitin ang format URI ng Data na kasama ng lakas ng HTML5 at isang bagong elemento na tinatawag na 'kasiya-siya', pinapayagan kaming lumikha ng isang pahina ng HTML na maaari naming magamit bilang isang Notepad.

Kailangan lang naming ilagay sa address bar:

data:text/html, <html contenteditable>

Sa magpaskil ni José Jesús Pérez Aguinaga, ilang iba pang mga halimbawa na sulit na tingnan ay lilitaw sa pamamagitan ng mga komento:

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

Sinubukan ko ito Firefox y Kromo at ito ay gumagana nang perpekto .. Sa palagay ko dapat itong gumana sa anumang iba pang browser na may suporta sa HTML5 😀


9 na puna, iwan mo na ang iyo

Iwanan ang iyong puna

Ang iyong email address ay hindi nai-publish. Mga kinakailangang patlang ay minarkahan ng *

*

*

  1. Responsable para sa data: Miguel Ángel Gatón
  2. Layunin ng data: Kontrolin ang SPAM, pamamahala ng komento.
  3. Legitimation: Ang iyong pahintulot
  4. Komunikasyon ng data: Ang data ay hindi maiparating sa mga third party maliban sa ligal na obligasyon.
  5. Imbakan ng data: Ang database na naka-host ng Occentus Networks (EU)
  6. Mga Karapatan: Sa anumang oras maaari mong limitahan, mabawi at tanggalin ang iyong impormasyon.

  1.   Nabulok87 dijo

    hahaha curiosities ng html5 Ipagpalagay ko na magsisilbi ito sa akin sa ilang mga punto sa halip na magbukas ng isa pang editor ... salamat

  2.   wow dijo

    Ang tao ang tunay na paggamit na nakikita ko ay upang makita kung paano magmumukhang isang html code (kung nagdidisenyo ka ng isang bagay sa html). Hayaan mong ipaliwanag ko: sa address bar inilalagay mo ang lahat ng mga pagpipilian sa html at pagkatapos ay isulat ang anupaman, upang makita mo ang isang "mainit na preview", nang hindi kinakailangang gumamit ng isang editor na may mga pagpipilian sa pagpapakita ng html o kinakailangang i-save ang mga file at buksan ang mga ito sa browser .

  3.   pagkubkob84 dijo

    gumagana din sa Opera

    1.    Cristianhcd dijo

      Mas gusto ko ng isang libong beses ang mga tala na isinama sa browser, na kung saan ay karaniwan

  4.   eco-slacker dijo

    Maaaring hindi ito interesado sa marami, ngunit sa Konqueror ito gumagana.

    Pagbati.

  5.   elynx dijo

    ummm… ang sining ng pagbabago 😉

    Well (at)… Pagbati!

  6.   mga cronos dijo

    Napaka-kawili-wili, ang lahat ng isinama sa browser ay hindi isang masamang ideya, at tila ito ay mangyayari sa HTML5.

  7.   daniel c. dijo

    Mabuti, ito ay mabuti para sa akin, naghahanap ako ng tulad nito nang hindi kinakailangang mag-install ng isang bagay sa google web store

  8.   dae dijo

    gumagana ito sa vivaldi, at ang file explorer ay gumagana din para sa iyo:
    file: // localhost /