Використання веб-браузера як онлайн-блокнота

Читаючи RSS, я знаходжу статтю в VeryComputer що в свою чергу призводить до a після Хосе Хесуса Переса Агінага, де він показує нам, як використовувати формат URI даних що разом із силою HTML5 та новим елементом під назвою 'задоволений', дозволяє нам створити 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 😀


Залиште свій коментар

Ваша електронна адреса не буде опублікований. Обов'язкові для заповнення поля позначені *

*

*

  1. Відповідальний за дані: Мігель Анхель Гатон
  2. Призначення даних: Контроль спаму, управління коментарями.
  3. Легітимація: Ваша згода
  4. Передача даних: Дані не передаватимуться третім особам, за винятком юридичних зобов’язань.
  5. Зберігання даних: База даних, розміщена в мережі Occentus Networks (ЄС)
  6. Права: Ви можете будь-коли обмежити, відновити та видалити свою інформацію.

  1.   Гнилі87 - сказав він

    ха-ха-ха, цікавинки html5 Я припускаю, що він колись послужить мені замість того, щоб відкривати інший редактор ... спасибі

  2.   Вокер - сказав він

    Чоловіче, справжнє використання, яке я бачу, - це побачити, як виглядатиме HTML-код (якщо ви розробляєте щось у html). Дозвольте мені пояснити: в адресному рядку ви вводите всі опції html, а потім пишете будь-що, щоб ви могли бачити "гарячий попередній перегляд", без необхідності використовувати редактор з параметрами відображення html або зберігати файли та відкривати їх у браузері .

  3.   sieg84 - сказав він

    також працює в Опері

    1.    Крістіанхд - сказав він

      Я віддаю перевагу нотаткам, інтегрованим у браузер, у тисячу разів, що є звичним

  4.   екослакер - сказав він

    Це може не цікавити багатьох, але в Konqueror це працює.

    Привіт.

  5.   Елінкс - сказав він

    мммм ... мистецтво інновацій 😉

    Добре (і) ... Вітаю!

  6.   Кронос - сказав він

    Дуже цікаво, все, що інтегровано в браузер, - непогана ідея, і, мабуть, це станеться з HTML5.

  7.   Даніель с - сказав він

    Це buinisiimooo, це було добре для мене, я шукав щось подібне без необхідності встановлювати щось веб-магазин Google

  8.   да - сказав він

    він працює з vivaldi, і провідник файлів також працює для вас:
    файл: // localhost /