De webbrowser gebruiken als een online Kladblok

Bij het lezen van mijn RSS vind ik een artikel in VeryComputer wat op zijn beurt leidt tot een post door José Jesús Pérez Aguinaga, waar hij ons laat zien hoe we het formaat moeten gebruiken Gegevens-URI die samen met de kracht van HTML5 en een nieuw element genaamd 'tevreden', stelt ons in staat om een ​​HTML-pagina te maken die we als Kladblok kunnen gebruiken.

We hoeven alleen maar de adresbalk in te voeren:

data:text/html, <html contenteditable>

In de post door José Jesús Pérez Aguinaga, enkele andere voorbeelden die het bekijken waard zijn, verschijnen door de opmerkingen:

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

Ik heb het geprobeerd Firefox y Chromium en het werkt perfect .. Ik denk dat het zou moeten werken in elke andere browser met HTML5-ondersteuning 😀


Laat je reactie achter

Uw e-mailadres wordt niet gepubliceerd. Verplichte velden zijn gemarkeerd met *

*

*

  1. Verantwoordelijk voor de gegevens: Miguel Ángel Gatón
  2. Doel van de gegevens: Controle SPAM, commentaarbeheer.
  3. Legitimatie: uw toestemming
  4. Mededeling van de gegevens: De gegevens worden niet aan derden meegedeeld, behalve op grond van wettelijke verplichting.
  5. Gegevensopslag: database gehost door Occentus Networks (EU)
  6. Rechten: u kunt uw gegevens op elk moment beperken, herstellen en verwijderen.

  1.   rot87 zei

    hahaha curiosa van html5 Ik veronderstel dat het me op een gegeven moment zal helpen in plaats van een andere editor te openen ... bedankt

  2.   Wauw zei

    Man, het echte gebruik dat ik zie, is om te zien hoe een html-code eruit zou zien (als je iets in html ontwerpt). Laat me het uitleggen: in de adresbalk plaats je alle html-opties en schrijf je wat dan ook, zodat je een "hot preview" kunt zien, zonder dat je een editor met html-weergave-opties hoeft te gebruiken of bestanden moet opslaan en openen met de browser .

  3.   sieg84 zei

    werkt ook in Opera

    1.    Cristianhcd zei

      Ik geef de voorkeur aan duizend keer de notities die in de browser zijn geïntegreerd, wat gebruikelijk is

  4.   ecoslaper zei

    Het is voor velen misschien niet interessant, maar in Konqueror werkt het.

    Groeten.

  5.   elynx zei

    ummm… de kunst van innovatie 😉

    Goed (en) ... Groeten!

  6.   cronos zei

    Heel interessant, alles geïntegreerd in de browser is geen slecht idee, en blijkbaar zal dit gebeuren met HTML5.

  7.   daniël c. zei

    Dit goed, het was goed voor mij, ik was op zoek naar zoiets zonder iets google webwinkel te hoeven installeren

  8.   dae zei

    werkt met vivaldi, en bestandsverkenner werkt ook voor jou:
    bestand: // localhost /