DraftPad用BlogQuoteがShareHtml式カスタマイズに対応しました

どこに向かっているのか、わからない。

新しい技を見つけました。Safariからリンクプレートを作るブックマークレットを以前作りましたが、今回はこれをDraftPadのアシストにしてしまう魂胆です。例によって、なぜか動くバージョン...

個人的には十分なんですが、ついやり過ぎてしまう悪癖があるため、カスタマイズについても考えてみました。アシストの末尾に「&STYLE=」という引数が付きます。どこからか分からないですよね？アシストの３分の２あたりにあります。それ以降が、出力されるタグのテンプレートになります。自由度の高さが自慢です。

draftpad://self/web?source=<title>wait...</title><script>function main(x){location.href=x.URL;}location.href=%22draftpad:///webdelegate?load=main%26unloadconfirming=true%26unloadconfirmtitle=リンクを作成しますか？%26unloadconfirmdefault=はい%26unloadconfirmclose=いいえ%26unload=function(){location.href=\"draftpad:///webdelegate?load=f\";f=function(x){title=document.title;url=location.href;text=\"\"+document.getSelection();if(text==\"\"){p=document.getElementsByTagName(\"p\");for(key in p) text+=p[key].innerText};text=text.replace(/undefined/g,\"\").replace(/\\n/g,\"\").substr(0,100);link=x.STYLE.replace(/\\${posturl}/g,location.href).replace(/\\${posttitle}/g,document.title).replace(/\\${postselect}/g,text).replace(/\\${memo}/g,\"\");draftpad.replaceCurrent(link);}}%22;</script>&URL=https://www.google.com/search?q=<@>&STYLE=<div style=\"color:black;background:ivory;padding:15px;border-radius:5px;border:1px solid lightgray;\"><a href=${posturl} target=_blank style=color:darkblue;><img align=left src=http://capture.heartrails.com/200x130/cool/shorten?${posturl} width=200 height=130>${posttitle}</a><a href=http://b.hatena.ne.jp/entry/${posturl} target=_blank><img src=http://b.hatena.ne.jp/entry/image/${posturl}></a><br>${postselect}...<br style=clear:both;></div>

登録リンクはこちら→ http://tinyurl.com/d8lszm9

ShareHtmlとFocusHtmlもリニューアルしました♪ | 普通のサラリーマンのiPhone日記

iPhoneに魅せられた普通のサラリーマンの日々の生活を綴ってます。AppHtmlに続きまして他のBookmarkletも順次リニューアル中です。今回はShareHtmlとFocusHtmlが一週間ほ...

カスタマイズに使われる変数はShareHtmlに準拠します。

・${posturl}　記事のURLアドレスを示します。
・${posttitle}　記事のタイトルを示します。
・${memo}　今回は何もしません。
・${postselect}　選択されたテキストを示します。何も選択されていない場合は、本文中のテキスト部分を100文字抜き出します。

(注意) アシストの性格上、引用符がそのままでは使えません。誤動作します。「"」の部分を「\"」と書き換え、読み込み可能になるようにしてください。

キーワードを書いてアシストを実行すると、Googleの検索結果が出ます。

そこからリンクをたどって目的のサイトを表示。そのとき、文中のテキストを選択状態にすると、その部分を引用したリンクプレートになります。

左上[Done]でアシストを終了すると、編集画面にタグが貼り付きます。

ぷよぷよ!!クエスト　｜　ぷよっと楽しいパズルRPG

配信時期:2013年春ジャンル:パズルRPG価格:無料（アイテム課金あり）対応端末:iPhone4,4S,5,iPod touch (第4世代以降),iPad2以降...

ブログ上では、サムネ付きリンクプレートとして表示されます。
すでにShareHtmlを使われている方は、Safariで作る分もDraftPadで作る分も、同じ形式なのが望ましいでしょう。初めての方はデフォルトのまま使い、慣れてきてから色やサイズを少しずつ変更されるのが良いかな、と思います。