استخدام متصفح الويب كمفكرة عبر الإنترنت

عند قراءة RSS أجد مقالاً باللغة حاسوب جدا مما يؤدي بدوره إلى بريد.. اعلاني بواسطة José Jesús Pérez Aguinaga ، حيث يوضح لنا كيفية استخدام التنسيق URI للبيانات مع قوة HTML5 وعنصر جديد يسمى "محتوى قابل للتعديل، يتيح لنا إنشاء صفحة HTML يمكننا استخدامها كمفكرة.

علينا فقط أن نضع في شريط العناوين:

data:text/html, <html contenteditable>

في بريد.. اعلاني بواسطة José Jesús Pé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;">

لقد حاولت ذلك برنامج فايرفوكس y الكروم وهو يعمل بشكل مثالي .. أعتقد أنه يجب أن يعمل في أي متصفح آخر يدعم HTML5 😀


اترك تعليقك

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها ب *

*

*

  1. المسؤول عن البيانات: ميغيل أنخيل جاتون
  2. الغرض من البيانات: التحكم في الرسائل الاقتحامية ، وإدارة التعليقات.
  3. الشرعية: موافقتك
  4. توصيل البيانات: لن يتم إرسال البيانات إلى أطراف ثالثة إلا بموجب التزام قانوني.
  5. تخزين البيانات: قاعدة البيانات التي تستضيفها شركة Occentus Networks (الاتحاد الأوروبي)
  6. الحقوق: يمكنك في أي وقت تقييد معلوماتك واستعادتها وحذفها.

  1.   روتس 87 قال

    هاهاها فضول html5 أفترض أنه سيساعدني في مرحلة ما بدلاً من فتح محرر آخر ... شكرًا

  2.   رائع قال

    يا رجل ، الفائدة الحقيقية التي أراها هي أن أرى كيف سيبدو كود html (إذا كنت تصمم شيئًا في html). اسمحوا لي أن أشرح: في شريط العناوين ، يمكنك وضع جميع خيارات html ثم كتابة أي شيء ، حتى تتمكن من رؤية "معاينة سريعة" ، دون الحاجة إلى استخدام محرر بخيارات عرض html أو الاضطرار إلى حفظ الملفات وفتحها باستخدام المتصفح .

  3.   الحصار 84 قال

    يعمل أيضًا في Opera

    1.    كريستيانش قال

      أنا أفضل ألف مرة الملاحظات المدمجة في المتصفح ، وهو أمر معتاد

  4.   ايكوسلاكر قال

    قد لا يثير اهتمام الكثيرين ، لكنه يعمل في كونكيورر.

    تحية.

  5.   إلينكس قال

    ummm ... فن الابتكار 😉

    جيد (و) ... تحياتي!

  6.   كرونوس قال

    مثير للاهتمام للغاية ، كل شيء مدمج في المتصفح ليس فكرة سيئة ، ويبدو أن هذا سيحدث مع HTML5.

  7.   دانيال ج قال

    إنه جيد ، لقد كان جيدًا بالنسبة لي ، كنت أبحث عن شيء من هذا القبيل دون الحاجة إلى تثبيت شيء ما من متجر ويب google

  8.   داي قال

    إنه يعمل مع vivaldi ، ويعمل مستكشف الملفات أيضًا من أجلك:
    ملف: // localhost /