Usando o navegador web como Bloc de notas en liña

Lendo o meu RSS atopo un artigo en VeryComputer que á súa vez leva a enviar de José Jesús Pérez Aguinaga, onde nos mostra como usar o formato URI de datos que xunto co poder de HTML5 e un novo elemento chamado 'contido editable', permítenos crear unha páxina HTML que podemos usar como Bloc de notas.

Só temos que poñer na barra de enderezos:

data:text/html, <html contenteditable>

No enviar de José Jesús Pérez Aguinaga, algúns exemplos que paga a pena mirar aparecen a través dos comentarios:

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

Probeino Firefox y Cromo e funciona perfectamente. Supoño que debería funcionar en calquera outro navegador con soporte HTML5 😀


O contido do artigo adhírese aos nosos principios de ética editorial. Para informar dun erro faga clic en aquí.

9 comentarios, deixa os teus

Deixa o teu comentario

Enderezo de correo electrónico non será publicado. Os campos obrigatorios están marcados con *

*

*

  1. Responsable dos datos: Miguel Ángel Gatón
  2. Finalidade dos datos: controlar SPAM, xestión de comentarios.
  3. Lexitimación: o seu consentimento
  4. Comunicación dos datos: os datos non serán comunicados a terceiros salvo obrigación legal.
  5. Almacenamento de datos: base de datos aloxada por Occentus Networks (UE)
  6. Dereitos: en calquera momento pode limitar, recuperar e eliminar a súa información.

  1.   Podredumbres87 dixo

    jajaja curiosidades de html5 supoño que me servirá nalgún momento en vez de abrir outro editor ... grazas

  2.   Woqer dixo

    Home, a verdadeira utilidade que vexo é ver como quedaría un código html (se estás a deseñar algo en html). Explícome: na barra de enderezos coloca todas as opcións html e logo escribe o que sexa, para que poida ver unha "vista previa en quente", sen ter que empregar un editor con opcións de visualización html nin ter que gardar ficheiros e abrilos co navegador .

  3.   sieg84 dixo

    tamén traballa en Opera

    1.    Cristianhcd dixo

      Prefiro mil veces as notas integradas no navegador, o que é habitual

  4.   ecoslacker dixo

    Pode que non interese a moitos, pero en Konqueror funciona.

    Saúdos.

  5.   Elynx dixo

    ummm ... a arte da innovación 😉

    Bo (e) ... Saúdos!

  6.   cronos dixo

    Moi interesante, todo o integrado no navegador non é unha mala idea e, ao parecer, isto ocorrerá con HTML5.

  7.   Daniel c dixo

    Este bo, era bo para min que estaba a buscar algo así sen ter que instalar algo na tenda web de google

  8.   dae dixo

    funciona con vivaldi e o explorador de ficheiros tamén funciona para ti:
    ficheiro: // localhost /