ใช้เว็บเบราว์เซอร์เป็น Notepad ออนไลน์

อ่าน RSS ของฉันฉันพบบทความใน VeryComputer ซึ่งจะนำไปสู่ เสา โดยJoséJesúsPérez Aguinaga ซึ่งเขาแสดงให้เราเห็นถึงวิธีการใช้รูปแบบ URI ข้อมูล ซึ่งรวมกับพลังของ HTML5 และองค์ประกอบใหม่ที่เรียกว่า 'contenteditable'ช่วยให้เราสร้างหน้า HTML ที่เราสามารถใช้เป็น Notepad

เราต้องใส่ในแถบที่อยู่:

data:text/html, <html contenteditable>

ใน เสา โดยJoséJesúsPé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 😀


แสดงความคิดเห็นของคุณ

อีเมล์ของคุณจะไม่ถูกเผยแพร่ ช่องที่ต้องการถูกทำเครื่องหมายด้วย *

*

*

  1. ผู้รับผิดชอบข้อมูล: Miguel ÁngelGatón
  2. วัตถุประสงค์ของข้อมูล: ควบคุมสแปมการจัดการความคิดเห็น
  3. ถูกต้องตามกฎหมาย: ความยินยอมของคุณ
  4. การสื่อสารข้อมูล: ข้อมูลจะไม่ถูกสื่อสารไปยังบุคคลที่สามยกเว้นตามข้อผูกพันทางกฎหมาย
  5. การจัดเก็บข้อมูล: ฐานข้อมูลที่โฮสต์โดย Occentus Networks (EU)
  6. สิทธิ์: คุณสามารถ จำกัด กู้คืนและลบข้อมูลของคุณได้ตลอดเวลา

  1.   โรตส์ 87 dijo

    ความอยากรู้อยากเห็นของ html5 ฮ่า ๆ ๆ ฉันคิดว่ามันจะให้บริการฉันในบางจุดแทนที่จะเปิดโปรแกรมแก้ไขอื่น ... ขอบคุณ

  2.   ว้าว dijo

    ผู้ชายการใช้งานจริงที่ฉันเห็นคือการดูว่าโค้ด html จะมีลักษณะอย่างไร (หากคุณกำลังออกแบบบางสิ่งใน html) ให้ฉันอธิบาย: ในแถบที่อยู่คุณใส่ตัวเลือก html ทั้งหมดแล้วเขียนอะไรก็ได้เพื่อให้คุณสามารถดู "ตัวอย่างร้อน" ได้โดยไม่ต้องใช้ตัวแก้ไขที่มีตัวเลือกการแสดง html หรือต้องบันทึกไฟล์และเปิดด้วยเบราว์เซอร์ .

  3.   ซีก84 dijo

    ยังใช้งานได้ใน Opera

    1.    Cristianhcd dijo

      ฉันชอบโน้ตเป็นพันเท่าที่รวมอยู่ในเบราว์เซอร์ซึ่งเป็นเรื่องปกติ

  4.   คนเกียจคร้าน dijo

    อาจไม่เป็นที่สนใจสำหรับหลาย ๆ คน แต่ใน Konqueror มันใช้ได้ผล

    อาศิรพจน์

  5.   เอลินซ์ dijo

    อืมม…ศิลปะแห่งนวัตกรรม😉

    ดี (และ) ... สวัสดี!

  6.   โครโนส dijo

    น่าสนใจมากทุกอย่างที่รวมอยู่ในเบราว์เซอร์ไม่ใช่ความคิดที่ไม่ดีและดูเหมือนว่าสิ่งนี้จะเกิดขึ้นกับ HTML5

  7.   แดเนียลค dijo

    buinisiimooo นี้มันดีสำหรับฉันฉันกำลังมองหาอะไรแบบนั้นโดยไม่ต้องติดตั้ง google web store

  8.   แด dijo

    มันทำงานร่วมกับ vivaldi และ file explorer ยังเหมาะกับคุณ:
    ไฟล์: // localhost /