एक ऑनलाइन नोटपैड के रूप में वेब ब्राउज़र का उपयोग करना

मेरे RSS को पढ़ने से मुझे इसमें एक लेख मिला बहुत अच्छा कंप्यूटर जिसके बदले में ए पद जोस जेसुस पेरेज़ एगुइनागा द्वारा, जहां वह हमें दिखाता है कि प्रारूप का उपयोग कैसे करें डेटा यूआरआई HTML5 की शक्ति और एक नए तत्व के साथ 'contenteditable', हमें एक HTML पेज बनाने की अनुमति देता है जिसे हम नोटपैड के रूप में उपयोग कर सकते हैं।

हमें बस एड्रेस बार में डालना है:

data:text/html, <html contenteditable>

में पद जोस जेसुस पेरेज़ एगुइनागा द्वारा, कुछ अन्य उदाहरण जो टिप्पणियों के माध्यम से दिखने लायक हैं:

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 समर्थन 😀 के साथ किसी अन्य ब्राउज़र में काम करना चाहिए


9 टिप्पणियाँ, तुम्हारा छोड़ दो

अपनी टिप्पणी दर्ज करें

आपका ईमेल पता प्रकाशित नहीं किया जाएगा। आवश्यक फ़ील्ड के साथ चिह्नित कर रहे हैं *

*

*

  1. डेटा के लिए जिम्मेदार: मिगुएल elngel Gatón
  2. डेटा का उद्देश्य: नियंत्रण स्पैम, टिप्पणी प्रबंधन।
  3. वैधता: आपकी सहमति
  4. डेटा का संचार: डेटा को कानूनी बाध्यता को छोड़कर तीसरे पक्ष को संचार नहीं किया जाएगा।
  5. डेटा संग्रहण: ऑकेंटस नेटवर्क्स (EU) द्वारा होस्ट किया गया डेटाबेस
  6. अधिकार: किसी भी समय आप अपनी जानकारी को सीमित, पुनर्प्राप्त और हटा सकते हैं।

  1.   rots87 कहा

    html5 की hahaha जिज्ञासा मुझे लगता है कि यह एक संपादक को खोलने के बजाय कुछ बिंदु पर मेरी मदद करेगी ... धन्यवाद

  2.   वोकर कहा

    यार, मैं जो वास्तविक उपयोग देख रहा हूं, वह यह है कि एक HTML कोड कैसे दिखेगा (यदि आप html में कुछ डिजाइन कर रहे हैं)। मुझे समझाते हैं: एड्रेस बार में आप सभी html विकल्प डालते हैं और फिर जो कुछ भी लिखते हैं, इसलिए आप एक "हॉट प्रीव्यू" देख सकते हैं, बिना html प्रदर्शन विकल्पों के साथ एक संपादक का उपयोग करने या फ़ाइलों को सहेजने और उन्हें ब्राउज़र के साथ खोलने के बिना। ।

  3.   घेराबंदी२०९९ कहा

    ओपेरा में भी काम करता है

    1.    क्रिश्चियनहैंड कहा

      मैं ब्राउज़र में एकीकृत एक हजार बार नोटों को पसंद करता हूं, जो सामान्य है

  4.   Ecoslacker कहा

    यह कई लोगों के लिए दिलचस्पी का नहीं हो सकता है, लेकिन कोनकोर में यह काम करता है।

    नमस्ते.

  5.   एलिनक्स कहा

    उम ... नवाचार की कला art

    अच्छा (और) ... अभिवादन!

  6.   Cronos कहा

    बहुत दिलचस्प है, ब्राउज़र में एकीकृत सब कुछ एक बुरा विचार नहीं है, और जाहिर है यह एचटीएमएल 5 के साथ होगा।

  7.   डेनियल सी कहा

    यह buinisiimooo, यह मेरे लिए अच्छा था, मैं कुछ इस तरह की तलाश कर रहा था कि बिना कुछ गूगल वेब स्टोर इंस्टॉल किए

  8.   डे कहा

    यह vivaldi के साथ काम करता है, और फ़ाइल एक्सप्लोरर भी आपके लिए काम करता है:
    फ़ाइल: // लोकलहोस्ट /