Блокнот с помощью браузера с одной строчкой кода

концепции и практическое применение

| Категории: Javascript, HTML5
Анна Аминева

Иллюстрация блокнота

Иногда я только и делаю, что пишу всякую ерунду. Только чтобы очистить свой разум и переключиться с одного дела на другое. Во время выполнения работы в голову то и дело приходят разные мысли, возможно связанные с делом, а возможно и нет. Нужно куда- то записать наработанное, не захламляя рабочее пространство.

Текстовый редактор

Существует очень простой способ использования браузера в качестве текстового редактора. Я просто открываю новую закладку и набираю в url закладке:

data:text/html, <html contenteditable>

Вот и браузерный блокнот.

Почему это работает?

Не надо это запоминать. Это вам не ракеты в космос запускать. Используем формат Data URl и говорим браузеру отрисовать html тег (можете попробовать javascript:alert('Bazinga');)

Содержимое вышеописанного html файла- это простая строка с html5 атрибутом contenteditable.

Важно знать: строка будет работать на современных браузерах, которые распознают данный атрибут.
Все готово. Удачи.

Читайте так же статьи по теме: