使用網絡瀏覽器作為在線記事本

閱讀我的RSS我在 非常計算機 反過來導致 發表 由JoséJesúsPérezAguinaga撰寫,他向我們展示瞭如何使用格式 數據URI 以及HTML5的強大功能和一個名為“內容可編輯”,使我們可以創建可用作記事本的HTML頁面。

我們只需要在地址欄中輸入:

data:text/html, <html contenteditable>

發表 由JoséJesúsPérezAguinaga撰寫的其他一些值得關注的示例通過評論出現:

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

我試穿了 火狐 y 而且效果很好..我想它應該可以在任何其他支持HTML5的瀏覽器中使用😀


本文內容遵循我們的原則 編輯倫理。 要報告錯誤,請單擊 這裡.

9條評論,留下您的評論

發表您的評論

您的電子郵件地址將不會被發表。 必填字段標有 *

*

*

  1. 負責數據:MiguelÁngelGatón
  2. 數據用途:控制垃圾郵件,註釋管理。
  3. 合法性:您的同意
  4. 數據通訊:除非有法律義務,否則不會將數據傳達給第三方。
  5. 數據存儲:Occentus Networks(EU)託管的數據庫
  6. 權利:您可以隨時限制,恢復和刪除您的信息。

  1.   腐爛87 他說:

    哈哈哈對html5的好奇心我想它會在某個時候為我服務而不是打開另一個編輯器...謝謝

  2.   沃克爾 他說:

    我看到的真正用途是看html代碼的外觀(如果您在html中設計內容)。 讓我解釋一下:在地址欄中,您放置了所有html選項,然後編寫了所有內容,因此您可以看到“熱預覽”,而無需使用帶有html顯示選項的編輯器或保存文件,使用瀏覽器打開它們。

  3.   sieg84 他說:

    也可以在Opera中使用

    1.    克里斯蒂安 他說:

      我更喜歡瀏覽器中集成的註釋的一千倍,這很常見

  4.   生態懶惰者 他說:

    它可能不會引起很多興趣,但是在Konqueror中它可以工作。

    問候。

  5.   艾琳克斯 他說:

    嗯……創新的藝術😉

    好(和)……問候!

  6.   克羅諾斯 他說:

    非常有趣的是,集成到瀏覽器中的所有內容都不是一個壞主意,顯然,HTML5會發生這種情況。

  7.   丹尼爾·c 他說:

    這個buinisiimooo,對我有好處,我在尋找類似的東西而不必安裝google網上商店

  8.   DAE 他說:

    它可以與vivaldi一起使用,文件瀏覽器也可以使用:
    文件://本地主機/