DraftPadに引用を貼り付けるブックマークレット DraftClip
「DraftPadにWebクリップはしないよな」と思ったので、ちょいと改造。
引用や参照などでCSSやPタグを使わず"HTMLタグ"blockquote"のstyle指定する方法: 世界四季報
分かりやすかったです
今までblockquoteタグは避けてたのですが、調べてみるとスタイルを付けれるんですね。cssを使わずに。活用できれば、ニュースの紹介で、どの部分に注目して欲しいか示しやすくなる。それで、昨日のブックマークレットを改造し、DraftPad専用版を作ってみました。
SimplenoteでWebクリップするブックマークレット SimpleClip
Title: DraftClip URL: javascript:t=document.title;h=location.href;document.addEventListener('gesturechange',function(){s=window.getSelection();if(s!='')location.href='draftpad:///insert?after='+encodeURIComponent('\n<blockquote style=\"background-color:#e1f6dd;padding:15px 15px 15px 15px;border-top:1px solid #629666;border-left:1px solid #629666;border-right:3px solid #629666;border-bottom:3px solid #629666;\">'+s+'\n(via. <a href=\"'+h+'\" target=\"_blank\">'+t+'</a>)</blockquote>\n');});
使い方は前回と同じ。このブックマークレットを走らせてから、引用したい部分を選択状態にします。そして、指二本でページをスライド。
すると、DraftPadに引用文が、びよ〜んと貼り付きます。
DraftPadの保管庫として使い出したら、なんかピッタリきた。相性良いですね。ファイル名を考えなくて良いし、パソコンとも共有できるし、全文検索もできる。ネットに上げると、上のような表示。付箋紙を貼ったみたいだな。「style」を書き換えればいろいろ出来そうだけど、とりあえずプロトタイプとして。
(via. SimplenoteでWebクリップするブックマークレット SimpleClip - W&R : Jazzと読書の日々)
(追記)ちょっと派手めに。
javascript:t=document.title;h=location.href;document.addEventListener('gesturechange',function(){s=window.getSelection();if(s!='')location.href='draftpad:///insert?after='+encodeURIComponent('\n<blockquote style=\"background-color:yellow;padding:15px 15px 15px 15px;border-top:1px solid goldenrod;border-left:1px solid goldenrod;border-right:3px solid goldenrod;border-bottom:3px solid goldenrod;\">'+s+'\n<b>(via: <a href=\"'+h+'\" target=\"_blank\">'+t+'</a>)</b></blockquote>\n');});
昨日のブックマークレットを改造し、DraftPad専用版を作ってみました。少し丸めに
(via: DraftPadに引用を貼り付けるブックマークレット DraftClip - W&R : Jazzと読書の日々)
javascript:t=document.title;h=location.href;document.addEventListener('gesturechange',function(){s=window.getSelection();if(s!='')location.href='draftpad:///insert?caret='+encodeURIComponent('\n<blockquote style=\"background-color:ivory;padding:15px;border-top:1px solid goldenrod;border-left:1px solid goldenrod;border-right:3px solid goldenrod;border-bottom:3px solid goldenrod;border-radius:5px;\">'+s+'\n<br><b>via:<a href=\"'+h+'\" target=\"_blank\">'+t+'</a></b></blockquote>\n');});
DraftPadに引用文が、びよ〜んと貼り付きます。
via:DraftPadに引用を貼り付けるブックマークレット DraftClip - W&R : Jazzと読書の日々