Букмарклеты для превращения браузера в блокнот и редактор кода

А у вас было ли такое, что вы говорите по телефону и вам нужно срочно что-то записать? Судорожные поиски бумажки для записи и ручки в прошлом. Да здравствует клавиатура, долой писанину! Офисным работникам, у которых всегда под рукой есть компьютер с браузером, но не всегда есть канцелярские предметы, на помощь спешит простой букмарклет:

Блокнот (перетащите эту ссылку на панель закладок)

data:text/html;charset=utf-8, <html contenteditable> 
Идея простая. Создается страница с тегом HTML с заданным параметром contenteditable, это означает, что контент этого тега должен быть свободно редактируемым. Занимательной особенностью этого является то, что можно создавать форматирование содержимого. Кроме того, при копировании форматированного текста в Ворде на страницу сохранается все форматирование - заголовки, цвета отступы и пр.

Теперь, когда вам опретор интернет-магазина по телефону говорить фразу "запишите пожалуйста номер вашего заказа, вам нужно всего-то открыть новую вкладку в браузере и вызвать этот букмарклет.

Кроме такого сверхполезного букмарклета, также предлагаю вашему вниманию пару букмарклетов с похожим действием. Отличие в  том, что вместо простого редактора текста создается редактор программного кода. Вот они:

Редактор PHP
data:text/html;base64,PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uZXtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JvdHRvbTowO2xlZnQ6MDt9PC9zdHlsZT48ZGl2IGNsYXNzPSJlIiBpZD0iZWRpdG9yIj48L2Rpdj48c2NyaXB0IHNyYz0iaHR0cDovL2QxbjB4M3FqaTgyejUzLmNsb3VkZnJvbnQubmV0L3NyYy1taW4tbm9jb25mbGljdC9hY2UuanMiIHR5cGU9InRleHQvamF2YXNjcmlwdCIgY2hhcnNldD0idXRmLTgiPjwvc2NyaXB0PjxzY3JpcHQ+dmFyIGU9YWNlLmVkaXQoImVkaXRvciIpO2Uuc2V0VGhlbWUoImFjZS90aGVtZS9tb25va2FpIik7ZS5nZXRTZXNzaW9uKCkuc2V0TW9kZSgiYWNlL21vZGUvcGhwIik7PC9zY3JpcHQ+ 

Редактор JS
data:text/html;base64,PHN0eWxlIHR5cGU9InRleHQvY3NzIj4uZXtwb3NpdGlvbjphYnNvbHV0ZTt0b3A6MDtyaWdodDowO2JvdHRvbTowO2xlZnQ6MDt9PC9zdHlsZT48ZGl2IGNsYXNzPSJlIiBpZD0iZWRpdG9yIj48L2Rpdj48c2NyaXB0IHNyYz0iaHR0cDovL2QxbjB4M3FqaTgyejUzLmNsb3VkZnJvbnQubmV0L3NyYy1taW4tbm9jb25mbGljdC9hY2UuanMiIHR5cGU9InRleHQvamF2YXNjcmlwdCIgY2hhcnNldD0idXRmLTgiPjwvc2NyaXB0PjxzY3JpcHQ+dmFyIGU9YWNlLmVkaXQoImVkaXRvciIpO2Uuc2V0VGhlbWUoImFjZS90aGVtZS9tb25va2FpIik7ZS5nZXRTZXNzaW9uKCkuc2V0TW9kZSgiYWNlL21vZGUvamF2YXNjcmlwdCIpOzwvc2NyaXB0Pg== Пример работы на скриншоте:

Follow buzzich on Twitter

Комментарии

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

CTRL+Enter