Использование веб-браузера в качестве онлайн-блокнота

Читая свой RSS, я нахожу статью в VeryComputer что, в свою очередь, приводит к после Хосе Хесус Перес Агинага, где он показывает нам, как использовать формат 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 Chromium и он отлично работает .. Думаю, он должен работать в любом другом браузере с поддержкой HTML5 😀


Содержание статьи соответствует нашим принципам редакционная этика. Чтобы сообщить об ошибке, нажмите здесь.

9 комментариев, оставьте свой

Оставьте свой комментарий

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

*

*

  1. Ответственный за данные: Мигель Анхель Гатон
  2. Назначение данных: контроль спама, управление комментариями.
  3. Легитимация: ваше согласие
  4. Передача данных: данные не будут переданы третьим лицам, кроме как по закону.
  5. Хранение данных: база данных, размещенная в Occentus Networks (ЕС)
  6. Права: в любое время вы можете ограничить, восстановить и удалить свою информацию.

  1.   Ротс87 сказал

    хахаха любопытства html5 Я полагаю, что он мне пригодится в какой-то момент вместо того, чтобы открывать другой редактор ... спасибо

  2.   Woqer сказал

    Чувак, настоящая полезность, которую я вижу, - это посмотреть, как будет выглядеть html-код (если вы что-то разрабатываете в html). Позвольте мне объяснить: в адресной строке вы помещаете все параметры html, а затем пишете что угодно, чтобы вы могли видеть «горячий предварительный просмотр», без необходимости использовать редактор с параметрами отображения html или необходимости сохранять файлы и открывая их в браузере.

  3.   sieg84 сказал

    также работает в Opera

    1.    Cristianhcd сказал

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

  4.   экослэкер сказал

    Многих это может не интересовать, но в Konqueror работает.

    Привет.

  5.   Элинкс сказал

    ммм… искусство новаторства 😉

    Хорошо (а)… Привет!

  6.   Кронос сказал

    Очень интересно, что все интегрированное в браузер - неплохая идея, и, видимо, это произойдет с HTML5.

  7.   Дэниел С сказал

    Это хорошо, это было хорошо для меня, я искал что-то подобное, не устанавливая что-то в интернет-магазине Google

  8.   Дэ сказал

    он работает с vivaldi, и файловый менеджер также работает для вас:
    файл: // localhost /