Χρήση του προγράμματος περιήγησης ιστού ως διαδικτυακού σημειωματάριου

Διαβάζοντας το RSS μου συναντώ ένα άρθρο σχετικά Πολύ υπολογιστής που με τη σειρά του μας οδηγεί σε α θέση από τον José Jesús Pérez Aguinaga, όπου μας δείχνει πώς να χρησιμοποιούμε τη μορφή URI δεδομένων που μαζί με τη δύναμη της HTML5 και ένα νέο στοιχείο που ονομάζεται 'ικανοποιητικός επεξεργάσιμος', μας επιτρέπει να δημιουργήσουμε μια σελίδα HTML που μπορούμε να χρησιμοποιήσουμε ως Σημειωματάριο..

Απλά πρέπει να βάλουμε στη γραμμή διευθύνσεων:

data:text/html, <html contenteditable>

Στην θέση Από τον José Jesús Pérez Aguinaga, μερικά άλλα παραδείγματα που αξίζει να δούμε εμφανίζονται μέσα από τα σχόλια:

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

το δοκίμασα Firefox y Χρώμιο και λειτουργεί τέλεια.. Υποθέτω ότι θα πρέπει να λειτουργεί σε οποιοδήποτε άλλο πρόγραμμα περιήγησης με υποστήριξη HTML5 😀


Αφήστε το σχόλιό σας

Η διεύθυνση email σας δεν θα δημοσιευθεί. Τα υποχρεωτικά πεδία σημειώνονται με *

*

*

  1. Υπεύθυνος για τα δεδομένα: Miguel Ángel Gatón
  2. Σκοπός των δεδομένων: Έλεγχος SPAM, διαχείριση σχολίων.
  3. Νομιμοποίηση: Η συγκατάθεσή σας
  4. Κοινοποίηση των δεδομένων: Τα δεδομένα δεν θα κοινοποιούνται σε τρίτους, εκτός από νομική υποχρέωση.
  5. Αποθήκευση δεδομένων: Βάση δεδομένων που φιλοξενείται από τα δίκτυα Occentus (ΕΕ)
  6. Δικαιώματα: Ανά πάσα στιγμή μπορείτε να περιορίσετε, να ανακτήσετε και να διαγράψετε τις πληροφορίες σας.

  1.   σαπίζει87 dijo

    χαχαχα html5 curiosities υποθέτω ότι θα με βοηθήσει κάποια στιγμή αντί να ανοίξω άλλο πρόγραμμα επεξεργασίας… ευχαριστώ

  2.   Ουάου dijo

    Φίλε, η πραγματική χρήση που βλέπω σε αυτό είναι να δω πώς θα φαινόταν ένας κώδικας html (αν σχεδιάζεις κάτι σε html). Επιτρέψτε μου να εξηγήσω: στη γραμμή διευθύνσεων βάζετε όλες τις επιλογές html και μετά γράφετε οτιδήποτε, ώστε να μπορείτε να δείτε μια "καυτή προεπισκόπηση", χωρίς να χρειάζεται να χρησιμοποιήσετε πρόγραμμα επεξεργασίας με επιλογές εμφάνισης html ή να χρειαστεί να αποθηκεύσετε αρχεία και να τα ανοίξετε με το πρόγραμμα περιήγησης .

  3.   sieg84 dijo

    δουλεύει και στην όπερα

    1.    Κριστιάνχκ dijo

      Προτιμώ χίλιες φορές τις σημειώσεις που είναι ενσωματωμένες στο πρόγραμμα περιήγησης, που είναι συνηθισμένο

  4.   οικολογικός χαλαρός dijo

    Μπορεί να μην ενδιαφέρει πολλούς αλλά στον Konqueror λειτουργεί.

    Χαιρετισμούς.

  5.   Έλινξ dijo

    χμμμ… η τέχνη της καινοτομίας 😉

    Καλό (υ)… Χαιρετισμούς!

  6.   Cronos dijo

    Πολύ ενδιαφέρον, όλα όσα είναι ενσωματωμένα στο πρόγραμμα περιήγησης δεν είναι κακή ιδέα και φαίνεται ότι αυτό θα συμβεί με την HTML5.

  7.   Ντάνιελ γ dijo

    Είναι υπέροχο, μου ήρθε χρήσιμο. Έψαχνα για κάτι τέτοιο χωρίς να χρειάζεται να εγκαταστήσω κάτι από το Google Web Store

  8.   dae dijo

    λειτουργεί με το vivaldi και ο εξερευνητής αρχείων λειτουργεί επίσης:
    file://localhost/