Verkkoselaimen käyttäminen online-muistikirjana

Luen RSS: ääni löydän artikkelin Hyvin tietokone mikä puolestaan ​​johtaa a posti José Jesús Pérez Aguinaga, jossa hän näyttää meille, kuinka muotoa käytetään Tietojen URI joka yhdessä HTML5: n voiman ja uuden elementin nimeltä ''tyytyväinen', antaa meille mahdollisuuden luoda HTML-sivu, jota voimme käyttää Muistikirjana.

Meidän täytyy vain laittaa osoiteriville:

data:text/html, <html contenteditable>

Että posti José Jesús Pérez Aguinaga, joitain muita esimerkkejä, jotka kannattaa tarkastella, näkyvät kommenttien kautta:

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

Yritin sitä Firefox y Kromi ja se toimii täydellisesti .. Sen pitäisi toimia muissakin selaimissa, joissa on HTML5-tuki 😀


9 kommenttia, jätä omasi

Jätä kommentti

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *

*

*

  1. Vastuussa tiedoista: Miguel Ángel Gatón
  2. Tietojen tarkoitus: Roskapostin hallinta, kommenttien hallinta.
  3. Laillistaminen: Suostumuksesi
  4. Tietojen välittäminen: Tietoja ei luovuteta kolmansille osapuolille muutoin kuin lain nojalla.
  5. Tietojen varastointi: Occentus Networks (EU) isännöi tietokantaa
  6. Oikeudet: Voit milloin tahansa rajoittaa, palauttaa ja poistaa tietojasi.

  1.   Mätät87 dijo

    hahaha uteliaisuudet html5: ssä Oletan, että se palvelee minua jossain vaiheessa sen sijaan, että avaisi toisen editorin ... kiitos

  2.   Vau dijo

    Mies, todellinen käyttö näen on nähdä, miltä HTML-koodi näyttäisi (jos suunnittelet jotain HTML-muodossa). Haluan selittää: laitat osoiteriville kaikki html-asetukset ja kirjoitat sitten mitä tahansa, jotta näet "esikatselun" tarvitsematta käyttää html-näyttövaihtoehtoja sisältävää editoria tai sinun ei tarvitse tallentaa tiedostoja ja avaamalla ne selaimella.

  3.   sieg84 dijo

    toimii myös Operassa

    1.    Cristianhcd dijo

      Pidän parempana tuhat kertaa selaimeen integroidut muistiinpanot, mikä on tavallista

  4.   ekosukka dijo

    Se ei ehkä kiinnosta monia, mutta Konquerorissa se toimii.

    Tervehdys.

  5.   elynx dijo

    ummm ... innovaatiotaide 😉

    Hyvä (ja)… Terveisiä!

  6.   Cronos dijo

    Erittäin mielenkiintoista, kaikki selaimeen integroitu ei ole huono idea, ja ilmeisesti tämä tapahtuu HTML5: n kanssa.

  7.   Daniel c dijo

    Tämä buinisiimooo, se oli minulle hyvä, etsin jotain sellaista tarvitsematta asentaa jotain Google-verkkokauppaa

  8.   Dae dijo

    se toimii vivaldin kanssa, ja tiedostonhallinta toimii myös sinulle:
    tiedosto: // paikallinen isäntä /