Tīmekļa pārlūka izmantošana kā tiešsaistes Notepad

Lasot manu RSS, atrodu rakstu VeryComputer kas savukārt noved pie a nosūtīt José Jesús Pérez Aguinaga, kur viņš mums parāda, kā izmantot formātu Datu URI kas kopā ar HTML5 spēku un jaunu elementu ar nosaukumu 'apmierināms', ļauj mums izveidot HTML lapu, kuru mēs varam izmantot kā Notepad.

Mums vienkārši jāievieto adreses joslā:

data:text/html, <html contenteditable>

Jo nosūtīt José Jesús Pérez Aguinaga, daži citi piemēri, kurus ir vērts apskatīt, parādās komentāros:

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

Es to izmēģināju Firefox y Hroms un tas darbojas perfekti .. Es domāju, ka tam vajadzētu darboties jebkurā citā pārlūkprogrammā ar HTML5 atbalstu 😀


9 komentāri, atstājiet savus

Atstājiet savu komentāru

Jūsu e-pasta adrese netiks publicēta. Obligātie lauki ir atzīmēti ar *

*

*

  1. Atbildīgais par datiem: Migels Ángels Gatóns
  2. Datu mērķis: SPAM kontrole, komentāru pārvaldība.
  3. Legitimācija: jūsu piekrišana
  4. Datu paziņošana: Dati netiks paziņoti trešām personām, izņemot juridiskus pienākumus.
  5. Datu glabāšana: datu bāze, ko mitina Occentus Networks (ES)
  6. Tiesības: jebkurā laikā varat ierobežot, atjaunot un dzēst savu informāciju.

  1.   87 teica

    hahaha html5 kuriozi Es domāju, ka tas man kādu brīdi kalpos, nevis atvērs citu redaktoru ... paldies

  2.   Vokers teica

    Man reāli tiek izmantots, lai redzētu, kā izskatās HTML kods (ja kaut ko noformējat html). Ļaujiet man paskaidrot: adreses joslā jūs ievietojat visas html opcijas un pēc tam rakstāt visu, lai jūs varētu redzēt "karsto priekšskatījumu", neizmantojot redaktoru ar html displeja opcijām vai saglabājot failus un atverot tos ar pārlūku.

  3.   84 teica

    darbojas arī Operā

    1.    Cristianhcd teica

      Es dodu priekšroku tūkstoš reižu pārlūkprogrammā integrētajām piezīmēm, kas ir ierasts

  4.   ekoskleris teica

    Tas var neinteresēt daudzus, bet Konqueror tas darbojas.

    Sveicieni.

  5.   Elīna teica

    ummm ... jauninājumu māksla 😉

    Nu (un) ... sveicieni!

  6.   Cronos teica

    Ļoti interesanti, viss pārlūkprogrammā integrētais nav slikta ideja, un acīmredzot tas notiks ar HTML5.

  7.   Daniels c teica

    Šis buinisiimooo, tas man bija labi, es meklēju kaut ko tādu, bez nepieciešamības instalēt kaut ko google interneta veikalu

  8.   Dae teica

    tas darbojas ar vivaldi, un darbojas arī failu pārlūks:
    fails: // localhost /