ブログを紹介するリンクをDraftPadだけで作る BlogQuote

新しい技を見つけました。


サムネイル付き紹介リンクをDraftPadに貼り付ける BlogQuote
すでに作ったものを見直し。ブログからテキストを抜き出し、サムネと一緒にリンク・プレートにするブックマークレット。ちょこちょこ手を入れてるうちに別物になったのでメモ代りに投稿。見た目は大きく変わっていな...
Safariからリンクプレートを作るブックマークレットを以前作りましたが、今回はこれをDraftPadのアシストにしてしまう魂胆です。例によって、なぜか動くバージョン。


DraftPad 1.6.2
分類: 仕事効率化,ユーティリティ
価格: 無料 (Manabu Ueno)

アシストは下記のようになってます。WebDelegateからWebDelegateを呼び出すことで、本来なら出来ないはずの「locationが移動しているのにdraftpad系メソッドが使えちゃう」を実現しています。不思議なこと故、不具合があればすみません。

draftpad://self/web?source=<meta name=viewport content=initial-scale=1><title>seeking...</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;p=document.getElementsByTagName(\"p\");text=\"\";for(key in p) text+=p[key].innerText;text=text.replace(/\\n/g,\"\").replace(/undefined/g,\"\").substr(0,100);link=\"<div style=%27background-color:ivory;padding:15px;border-radius:5px;border:1px solid lightgray;%27><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>\";draftpad.replaceCurrent(link);}}%22;</script>&URL=https://www.google.com/search?q=<@>

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



基本はGoogleで検索するためのアシストです。キーワードを書いて実行。



特徴となるのは、左上[Done]でアシストを閉じたとき。リンクを作成するかどうかの確認ダイアログが開きます。もしこれに「はい」と答えると・・・。



リンクプレートがDraftPadに貼りつきます。


DraftPad用プレビュー・アシスト Blogview をCSS対応にしてみた
単にブログ風プレビューにもなります。実はHTMLエディタなのかもしれないBlogView。プレビュー画面を見ながらWYSWIGで文章編集ができます。さらにコンセプト不明なまま、また新たな機能を付けてみ...
ブログ上では、こんな感じ。なにぶん動作のわからないアシストなので、うまくいかないページもあるかもしれません。使える範囲でご活用ください。
DraftPad用BlogQuoteがShareHtml式カスタマイズに対応しました