Fampiasana ny tranokala amin'ny Internet ho toy ny Notepad amin'ny Internet

Mamaky ny RSS misy ahy dia mahita lahatsoratra ao aho VeryComputer izay indray mitarika mankany a lahatsoratra nataon'i José Jesús Pérez Aguinaga, izay asehony antsika ny fomba fampiasana ny endrika Data URI izay miaraka amin'ny herin'ny HTML5 sy singa vaovao antsoina hoe 'contenteditable', mamela antsika hamorona pejy HTML azonay ampiasaina amin'ny maha-Notepad.

Mila mametraka ny baraon'ny adiresy fotsiny isika:

data:text/html, <html contenteditable>

Ao amin'ny lahatsoratra nataon'i José Jesús Pérez Aguinaga, ohatra vitsivitsy hafa izay mendrika jerena dia hita avy amin'ny fanehoan-kevitra:

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

Nandramako izany Firefox y chrome ary mandeha tsara izy io .. Ataoko fa tokony hiasa amin'ny browser hafa misy ny fanohanana HTML5 😀


Ny atin'ny lahatsoratra dia manaraka ny fitsipiky ny etika fanonta. Raha hitatitra tsindry diso eto.

9 hevitra, avelao ny anao

Avelao ny hevitrao

Ny adiresy email dia tsy ho namoaka. Mitaky saha dia marika amin'ny *

*

*

  1. Tompon'andraikitra amin'ny data: Miguel Ángel Gatón
  2. Tanjon'ny angona: Control SPAM, fitantanana hevitra.
  3. Legitimation: Ny fanekenao
  4. Fifandraisana momba ny angona: Tsy hampitaina amin'ny antoko fahatelo ny angona raha tsy amin'ny adidy ara-dalàna.
  5. Fitehirizana angona: Database nomen'ny Occentus Networks (EU)
  6. Zo: Amin'ny fotoana rehetra, azonao atao ny mametra, mamerina ary mamafa ny mombamomba anao.

  1.   Rots87 dia hoy izy:

    hahaha ny fahalianan'ny html5 heveriko fa hanampy ahy amin'ny fotoana hafa izy io fa tsy hanokatra editor hafa ... misaotra

  2.   Woqer dia hoy izy:

    Ny tena fampiasana olona hitako dia ny mijery ny endrik'ody html (raha mamorona zavatra amin'ny html ianao). Avelao aho hanazava: ao amin'ny bara adiresy dia apetrakao ny safidy html rehetra ary avy eo manoratra izay, mba hahitanao "preview preview", tsy mila mampiasa tonian-dahatsoratra misy safidy fampisehoana html na mila mitahiry rakitra ary manokatra azy ireo amin'ny browser .

  3.   sieg84 dia hoy izy:

    miasa ao amin'ny Opera ihany koa

    1.    Cristianhcd dia hoy izy:

      Aleoko in'arivony ireo naoty tafiditra ao anaty browser, izay mahazatra

  4.   ecoslacker dia hoy izy:

    Mety tsy mahaliana ny maro izany, fa miasa any Konqueror.

    Fiarahabana.

  5.   Elynx dia hoy izy:

    ummm… ny kanton'ny fanavaozana 😉

    Tsara (ary)… Miarahaba!

  6.   kronos dia hoy izy:

    Tena mahaliana, izay rehetra tafiditra ao anaty tranokala dia tsy hevitra ratsy, ary toa hitranga amin'ny HTML5 izany.

  7.   daniel c dia hoy izy:

    Ity tsara ity, tsara ho ahy izy io, nitady zavatra toy izany aho nefa tsy mila nametraka zavatra google web store

  8.   dae dia hoy izy:

    miasa miaraka amin'i vivaldi, ary miasa ho anao koa ny mpikaroka rakitra:
    fisie: // localhost /