Web tarayıcısını çevrimiçi bir Not Defteri olarak kullanma

RSS'mi okurken şurada bir makale buluyorum Çok Bilgisayar bu da bir Facebook post Yazan José Jesús Pérez Aguinaga, bize formatın nasıl kullanılacağını gösterdiği Veri URI'si HTML5'in gücü ve 'adlı yeni bir öğe ile birliktememnun', Not Defteri olarak kullanabileceğimiz bir HTML sayfası oluşturmamıza izin verir.

Sadece adres çubuğuna koymamız gerekiyor:

data:text/html, <html contenteditable>

In Facebook post José Jesús Pérez Aguinaga tarafından, incelemeye değer diğer bazı örnekler yorumlarda yer almaktadır:

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

Denedim Firefox y Krom ve mükemmel çalışıyor .. Sanırım HTML5 desteği olan herhangi bir başka tarayıcıda da çalışması gerekiyor 😀


Yorumunuzu bırakın

E-posta hesabınız yayınlanmayacak. Gerekli alanlar ile işaretlenmiştir *

*

*

  1. Verilerden sorumlu: Miguel Ángel Gatón
  2. Verilerin amacı: Kontrol SPAM, yorum yönetimi.
  3. Meşruiyet: Onayınız
  4. Verilerin iletilmesi: Veriler, yasal zorunluluk dışında üçüncü kişilere iletilmeyecektir.
  5. Veri depolama: Occentus Networks (AB) tarafından barındırılan veritabanı
  6. Haklar: Bilgilerinizi istediğiniz zaman sınırlayabilir, kurtarabilir ve silebilirsiniz.

  1.   çürük87 dijo

    html5'in hahaha merakı başka bir editör açmak yerine bir noktada bana hizmet edeceğini tahmin ediyorum ... teşekkürler

  2.   woqer dijo

    Adamım gördüğüm asıl kullanım html kodunun nasıl görüneceğini görmektir (eğer html'de bir şey tasarlıyorsanız). Açıklayayım: adres çubuğuna tüm html seçeneklerini koyarsınız ve sonra her şeyi yazarsınız, böylece html görüntüleme seçeneklerine sahip bir düzenleyici kullanmak zorunda kalmadan veya dosyaları kaydetmek zorunda kalmadan "sıcak önizleme" yi görebilirsiniz. onları tarayıcı ile açmak.

  3.   Sieg84 dijo

    Opera'da da çalışıyor

    1.    Cristianhcd dijo

      Tarayıcıya entegre edilmiş notların bin katını tercih ederim, ki bu normaldir

  4.   ekoslacker dijo

    Pek ilgisini çekmeyebilir ama Konqueror'da işe yarıyor.

    Selamlar.

  5.   yunus dijo

    ummm… yenilik sanatı 😉

    Peki (ve)… Selamlar!

  6.   kronlar dijo

    Çok ilginç, tarayıcıya entegre olan her şey kötü bir fikir değil ve görünüşe göre bu HTML5 ile gerçekleşecek.

  7.   daniel c. dijo

    Bu buinisiimooo, benim için iyiydi, google web mağazası bir şey yüklemek zorunda kalmadan böyle bir şey arıyordum

  8.   dae dijo

    vivaldi ile çalışır ve dosya gezgini de çalışır:
    file: // localhost /