サムネイル付き紹介リンクをDraftPadに貼り付ける BlogQuote

すでに作ったものを見直し。

サムネイル付きでブログ記事を引用するブックマークレット BlogQuote - W&R : Jazzと読書の日々
前回作ったBlogClipの姉妹品。BlogClipも気に入ってるのですが、いつもいつも引用を探すのが面倒なこともあるので、本文中のテキストを丸々写してしまう暴挙に出てみました。意外と悪く...

ブログからテキストを抜き出し、サムネと一緒にリンク・プレートにするブックマークレット。ちょこちょこ手を入れてるうちに別物になったのでメモ代りに投稿。

javascript:title=document.title;url=location.href;text=window.getSelection();if(text==""){p=document.getElementsByTagName("p");for(key in p) text+=p[key].innerText;text=text.replace(/\n/g,"").replace(/undefined/g,"").substr(0,100);}clip="\n<div style=\"background-color:ivory;padding:15px;border-radius:5px;border:1px solid lightgray;\"><a href="+url+" target=_blank style=color:darkblue;><img align=left src=http://capture.heartrails.com/200x130/cool/shorten?"+url+" width=200 height=130>"+title+"</a><a href=http://b.hatena.ne.jp/entry/"+url+" target=_blank><img src=http://b.hatena.ne.jp/entry/image/"+url+"></a><br><font size=-1>"+text+"...</font><br style=clear:both;></div>\n";location.href="draftpad://insert?caret="+encodeURIComponent(clip);

見た目は大きく変わっていない。ただ、サイトによっては引用文が「undefined」になってしまうため、それを消しました。代わりに、ブックマークバーからBlogQuoteを実行すると、選択状態になっているテキストを引用するように変更してあります。

サムネイル付きでブログ記事を引用するブックマークレット BlogQuote - W&R : Jazzと読書の日々
「background-color:ivory」の部分を書き換えると、背景色の変更が出来ます。「ivory」を「azure」に変えるとか。もちろんカラーコードを直接書くのもOK...

こんな感じに貼り付きます。サムネがあって、記事のタイトルがあって、引用文がある。でもこの仕組み、iPhoneでは使えないみたい。手動でコピーし、「...」のところに貼り付ける対処法しかないかな。お手数をお掛けします。