Bruke nettleseren som et online Notisblokk

Når jeg leser RSS, finner jeg en artikkel i VeryComputer som igjen fører til en poste av José Jesús Pérez Aguinaga, hvor han viser oss hvordan vi bruker formatet Data-URI som sammen med kraften til HTML5 og et nytt element kalt 'tilfredsstillende', lar oss lage en HTML-side som vi kan bruke som et Notisblokk.

Vi må bare legge inn adressefeltet:

data:text/html, <html contenteditable>

I poste av José Jesús Pérez Aguinaga, noen andre eksempler som er verdt å se på, vises gjennom kommentarene:

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

Jeg prøvde det Firefox y Chromium og det fungerer perfekt .. Jeg antar at det skal fungere i alle andre nettlesere med HTML5-støtte 😀


Legg igjen kommentaren

Din e-postadresse vil ikke bli publisert. Obligatoriske felt er merket med *

*

*

  1. Ansvarlig for dataene: Miguel Ángel Gatón
  2. Formålet med dataene: Kontroller SPAM, kommentaradministrasjon.
  3. Legitimering: Ditt samtykke
  4. Kommunikasjon av dataene: Dataene vil ikke bli kommunisert til tredjeparter bortsett fra ved juridisk forpliktelse.
  5. Datalagring: Database vert for Occentus Networks (EU)
  6. Rettigheter: Når som helst kan du begrense, gjenopprette og slette informasjonen din.

  1.   råtner87 sa

    hahaha kuriositeter av html5 Jeg antar at det vil hjelpe meg på et tidspunkt i stedet for å åpne en ny redaktør ... takk

  2.   wow sa

    Mann, den virkelige bruken jeg ser er å se hvordan en html-kode vil se ut (hvis du designer noe i html). La meg forklare: I adressefeltet legger du alle HTML-alternativene og skriver hva som helst, slik at du kan se en "hot preview", uten å måtte bruke en editor med HTML-visningsalternativer eller å måtte lagre filer og åpne dem med nettleseren .

  3.   sieg84 sa

    jobber også i Opera

    1.    Cristianhcd sa

      Jeg foretrekker tusen ganger notene integrert i nettleseren, noe som er vanlig

  4.   miljøvennlig sa

    Det interesserer kanskje ikke mange, men det fungerer i Konqueror.

    Hilsener.

  5.   elynx sa

    ummm ... innovasjonens kunst 😉

    God (og) ... Hilsen!

  6.   Cronos sa

    Veldig interessant, alt integrert i nettleseren er ikke en dårlig idé, og tilsynelatende vil dette skje med HTML5.

  7.   daniel c. sa

    Det er bra, det var bra for meg, jeg lette etter noe sånt uten å måtte installere noe google nettbutikk

  8.   dae sa

    det fungerer med vivaldi, og filutforskeren fungerer også for deg:
    fil: // localhost /