§ Snipnote! Блокнот в браузере

Вдруг потребуется срочно записать какую-нибудь важную информацию после звонка, а под рукой ничего кроме браузера. Блокнот или бумагу искать долго, а ссылка на панели закладок всегда на виду. Однажды создайте себе ссылку-сниппет и пользуйтесь когда и сколько захотите!

§ Попробовать в своем браузере v 1.0
Проверено в Google Chrome, Mozilla Firefox
  • Быстро создавай заметки в браузере
  • Просматривай и редактируй заметки оффлайн
  • Храни содержимое прямо в закладке просто перенося значок § на панель закладок
  • Сохраняй текст или всю страницу в файл

Перейдите по ссылке выше, либо скопируйте ниже представленный код букмарклета в адресную строку браузера и нажмите Enter

data:text/html;charset=utf-8,<html><head lang="ru"><title>Snipnote!</title><link rel="shortcut icon" href="data:image/x-icon;base64,AAABAAEAEBACAAEAAQCwAAAAFgAAACgAAAAQAAAAIAAAAAEAAQAAAAAAAAAAABMLAAATCwAAAgAAAAAAAAAA3f8AAAAAAAAPZTV/7wAAQCNlNUArAAB/62VzQCtvbUArAGt/6wAAQCtlNUArAAB/62U1AAsAAN/7ZXPAAzg2//9DOv//cm8AD2Ftf+9pbEAjIChAKzYpf+tvbUArbiBAK2xlf+tDb0Arb25AK29nf+ttVwALMzLf+zpcwANvZ///bSD//2xl"/><script>window.URL = window.webkitURL || window.URL;function getfn(){var day=new Date(); return day.getFullYear()+'_'+(day.getMonth()+1)+'_'+day.getDate()+'_snipnote';}</script></head><body style="background: rgb(0, 216, 224);font-family:calibri;"><a onmouseover="this.href='data:text/html;charset=utf-8,'+encodeURI(document.documentElement.innerHTML);" href="" style="font-size:20px;cursor: move;text-decoration: none;" title="Snippet for browser Favorite">§</a><a style="padding:10px;" onmouseover="this.setAttribute('download', getfn()+'.txt');this.href = window.URL.createObjectURL(new Blob([document.getElementById('note').innerHTML],{type:'text/plain'}));" href="" download="snipnote.txt">Save text</a><a style="padding:10px;" onmouseover="this.setAttribute('download', getfn()+'.html');this.href = window.URL.createObjectURL(new Blob([document.documentElement.innerHTML],{type:'text/html'}));" href="" download="snipnote.html">Save page</a><a target="_blank" href="http://xfactorial.com/snipnote.php">X!</a><div contenteditable name="note" id="note" style="margin: 10px auto;padding: 10px;width: 97%;min-height: 77%;position: absolute;background: rgb(255,255,200);box-shadow: 2px 2px 10px rgba(2,2,2,0.5);">Snipnote!</div></body></html>