Sử dụng trình duyệt web như một Notepad trực tuyến

Đọc RSS của tôi, tôi tìm thấy một bài báo trong VeryComputer do đó dẫn đến một gửi của José Jesús Pérez Aguinaga, nơi anh ấy chỉ cho chúng ta cách sử dụng định dạng URI dữ liệu cùng với sức mạnh của HTML5 và một phần tử mới có tên là 'có thể bằng lòng', cho phép chúng tôi tạo một trang HTML mà chúng tôi có thể sử dụng làm Notepad.

Chúng tôi chỉ cần đưa vào thanh địa chỉ:

data:text/html, <html contenteditable>

Trong gửi của José Jesús Pérez Aguinaga, một số ví dụ khác đáng xem sẽ xuất hiện qua các bình luận:

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

Tôi đã thử nó trên Firefox y Chromium và nó hoạt động hoàn hảo .. Tôi đoán nó sẽ hoạt động trong bất kỳ trình duyệt nào khác có hỗ trợ HTML5 😀


Để lại bình luận của bạn

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu bằng *

*

*

  1. Chịu trách nhiệm về dữ liệu: Miguel Ángel Gatón
  2. Mục đích của dữ liệu: Kiểm soát SPAM, quản lý bình luận.
  3. Hợp pháp: Sự đồng ý của bạn
  4. Truyền thông dữ liệu: Dữ liệu sẽ không được thông báo cho các bên thứ ba trừ khi có nghĩa vụ pháp lý.
  5. Lưu trữ dữ liệu: Cơ sở dữ liệu do Occentus Networks (EU) lưu trữ
  6. Quyền: Bất cứ lúc nào bạn có thể giới hạn, khôi phục và xóa thông tin của mình.

  1.   thối87 dijo

    hahaha sự tò mò của html5 Tôi cho rằng nó sẽ giúp ích cho tôi tại một số điểm thay vì mở một trình soạn thảo khác ... cảm ơn

  2.   dijo

    Này, tiện ích thực sự mà tôi thấy là để xem mã html sẽ trông như thế nào (nếu bạn đang thiết kế thứ gì đó bằng html). Hãy để tôi giải thích: trong thanh địa chỉ, bạn đặt tất cả các tùy chọn html và sau đó viết bất cứ thứ gì, vì vậy bạn có thể xem "bản xem trước nóng", mà không cần phải sử dụng trình chỉnh sửa với các tùy chọn hiển thị html hoặc phải lưu tệp và mở chúng bằng trình duyệt .

  3.   bao84 dijo

    cũng hoạt động trong Opera

    1.    Cristianhcd dijo

      Tôi thích một nghìn lần các ghi chú được tích hợp trong trình duyệt, điều này là bình thường

  4.   người lười biếng dijo

    Nó có thể không được nhiều người quan tâm, nhưng trong Konqueror, nó hoạt động.

    Chúc mừng.

  5.   linh miêu dijo

    ummm… nghệ thuật đổi mới 😉

    Tốt (và)… Xin chào!

  6.   Cronos dijo

    Rất thú vị, mọi thứ được tích hợp vào trình duyệt là một ý tưởng không tồi, và rõ ràng điều này sẽ xảy ra với HTML5.

  7.   daniel c. dijo

    Cái buinisiimooo này, nó tốt cho tôi, tôi đang tìm kiếm thứ gì đó tương tự mà không cần phải cài đặt thứ gì đó trên google web store

  8.   dae dijo

    nó hoạt động với vivaldi và trình khám phá tệp cũng hoạt động:
    tệp: // localhost /