Verwenden des Webbrowsers als Online-Editor

Beim Lesen meines RSS finde ich einen Artikel in Sehr Computer was wiederum zu a führt Post von José Jesús Pérez Aguinaga, wo er uns zeigt, wie man das Format verwendet Daten-URI was zusammen mit der Kraft von HTML5 und einem neuen Element namens 'inhaltlich editierbar'ermöglicht es uns, eine HTML-Seite zu erstellen, die wir als Editor verwenden können.

Wir müssen nur die Adressleiste eingeben:

data:text/html, <html contenteditable>

Bei der Post von José Jesús Pérez Aguinaga, einige andere Beispiele, die einen Blick wert sind, erscheinen in den Kommentaren:

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

Ich habe es anprobiert Firefox y Chrom und es funktioniert perfekt .. Ich denke, es sollte in jedem anderen Browser mit HTML5-Unterstützung funktionieren 😀


Hinterlasse einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind markiert mit *

*

*

  1. Verantwortlich für die Daten: Miguel Ángel Gatón
  2. Zweck der Daten: Kontrolle von SPAM, Kommentarverwaltung.
  3. Legitimation: Ihre Zustimmung
  4. Übermittlung der Daten: Die Daten werden nur durch gesetzliche Verpflichtung an Dritte weitergegeben.
  5. Datenspeicherung: Von Occentus Networks (EU) gehostete Datenbank
  6. Rechte: Sie können Ihre Informationen jederzeit einschränken, wiederherstellen und löschen.

  1.   rots87 sagte

    hahaha kuriositäten von html5 Ich nehme an, es wird mir irgendwann helfen, anstatt einen anderen Editor zu öffnen ... danke

  2.   Beeindruckend sagte

    Mann, das eigentliche Dienstprogramm, das ich sehe, ist zu sehen, wie ein HTML-Code aussehen würde (wenn Sie etwas in HTML entwerfen). Lassen Sie mich erklären: In die Adressleiste geben Sie alle HTML-Optionen ein und schreiben dann alles, damit Sie eine "heiße Vorschau" sehen können, ohne einen Editor mit HTML-Anzeigeoptionen verwenden oder Dateien speichern und mit dem Browser öffnen zu müssen .

  3.   sieg84 sagte

    arbeitet auch in Opera

    1.    Cristianhcd sagte

      Ich bevorzuge tausendmal die im Browser integrierten Notizen, was üblich ist

  4.   Ökoslacker sagte

    Es mag für viele nicht von Interesse sein, aber in Konqueror funktioniert es.

    Grüße.

  5.   Elin sagte

    ummm… die Kunst der Innovation 😉

    Nun (und) ... Grüße!

  6.   Cronos sagte

    Sehr interessant, alles, was in den Browser integriert ist, ist keine schlechte Idee, und anscheinend wird dies mit HTML5 passieren.

  7.   Daniel c sagte

    Es ist gut, es war gut für mich, ich habe nach so etwas gesucht, ohne etwas im Google Web Store installieren zu müssen

  8.   Dae sagte

    es funktioniert mit vivaldi und der Datei-Explorer funktioniert auch für Sie:
    Datei: // localhost /