Använda webbläsaren som ett anteckningsblock online

När jag läser min RSS hittar jag en artikel i VeryComputer vilket i sin tur leder till en inlägg av José Jesús Pérez Aguinaga, där han visar oss hur man använder formatet Datum URI som tillsammans med kraften i HTML5 och ett nytt element som heter 'content', låter oss skapa en HTML-sida som vi kan använda som anteckningsblock.

Vi måste bara sätta i adressfältet:

data:text/html, <html contenteditable>

I inlägg av José Jesús Pérez Aguinaga, några andra exempel som är värda att titta på visas genom kommentarerna:

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

Jag försökte det firefox y krom och det fungerar perfekt .. Jag antar att det ska fungera i någon annan webbläsare med HTML5-stöd 😀


Lämna din kommentar

Din e-postadress kommer inte att publiceras. Obligatoriska fält är markerade med *

*

*

  1. Ansvarig för uppgifterna: Miguel Ángel Gatón
  2. Syftet med uppgifterna: Kontrollera skräppost, kommentarhantering.
  3. Legitimering: Ditt samtycke
  4. Kommunikation av uppgifterna: Uppgifterna kommer inte att kommuniceras till tredje part förutom enligt laglig skyldighet.
  5. Datalagring: databas värd för Occentus Networks (EU)
  6. Rättigheter: När som helst kan du begränsa, återställa och radera din information.

  1.   Rötter87 sade

    hahaha nyfikenheter på html5 Jag antar att det kommer att hjälpa mig någon gång istället för att öppna en annan redaktör ... tack

  2.   Wow sade

    Man, det verkliga verktyget som jag ser är att se hur en html-kod skulle se ut (om du utformar något i html). Låt mig förklara: i adressfältet placerar du alla html-alternativen och skriver sedan vad som helst, så att du kan se en "het förhandsvisning" utan att behöva använda en redigerare med html-visningsalternativ eller behöva spara filer och öppna dem med webbläsaren .

  3.   sieg84 sade

    arbetar också i Opera

    1.    Cristianhcd sade

      Jag föredrar tusen gånger noterna integrerade i webbläsaren, vilket är vanligt

  4.   ekoslacker sade

    Det kanske inte är av intresse för många, men i Konqueror fungerar det.

    Hälsningar.

  5.   elynx sade

    ummm ... innovationskonsten 😉

    Bra (och) ... hälsningar!

  6.   Cronos sade

    Mycket intressant, allt integrerat i webbläsaren är inte en dålig idé, och tydligen kommer detta att hända med HTML5.

  7.   daniel c. sade

    Det här bra, det var bra för mig, jag letade efter något sådant utan att behöva installera något google webbutik

  8.   dae sade

    fungerar med vivaldi, och filutforskaren fungerar också för dig:
    fil: // localhost /