モブログに便利! 1Writerで内蔵ブラウザからリンクを作成する WebLinker

モブログ用として育ててみようと思った。


1Writer - Note taking, writing app 2.0
分類: 仕事効率化, ユーティリティ
価格:¥300 (Ngoc Luu)

初めは、内蔵ブラウザでブックマークレットは走らないし、AppHtmlも使えないしでガッカリしてたんです。でも、調べてみると、発想を変えればよかった。メインはあくまでもエディタ側。ブックマークレットを走らせる必要はなかった。

// Customize this STYLE. ${url}:URL, ${title}:Title, ${clip}:Clipboard
STYLE="<div style='color:darkblue;background:#eee;border:1px solid gray;width:500px;padding:10px;border-radius:5px;'><a href='${url}' target='_blank'><img align=left src='http://capture.heartrails.com/120x120/?${url}' style='border-radius:5px;margin:1px 10px 10px 1px;box-shadow:1px 2px 3px gray;'>${title}</a><br style=clear:both;></div>\n";

url=webBrowser.getURL();
title=webBrowser.getTitle();
clip=app.getClipboard();
text=STYLE.replace(/\${url}/g,url).replace(/\${title}/g,title).replace(/\${clip}/g,clip);
editor.replaceSelection(text);

登録リンクはこちら→ http://1writerapp.com/action/9326d



あらかじめ、内蔵ブラウザで該当ページを開いておきます。


エディタ側でアクションを走らせると、リンクプレートの出来上がり。右上の「プレビュー」ですぐ確認。上記のようなプレートになります。



変数STYLEで、プレートのカスタマイズが出来るようにしました。ShareHtmlに準拠し ${url} と ${title} が使えるようにしています。直接ページの語句を拾えるわけではないけれど、とりあえずリンク作成が容易になります。


あと、カーソル行を指定する方法も見つけたので、カーソル行の語句をキーワードと見なし、内蔵ブラウザで検索するアクションも作りました。

s=editor.getSelectedText();
if(s==""){
  range=editor.getSelectedLineRange();
  s=editor.getTextInRange(range[0],range[1]);
}
url="http://www.google.com/search?q="+encodeURIComponent(s);
webBrowser.open(url);

登録リンクはこちら→ http://1writerapp.com/action/3aafc


この二つのアクションがあれば、とりあえず内蔵ブラウザは使いこなせるんじゃないかと思います。あるいは、これを作り変えてYouTubeの動画を貼り付けるとか。ブログの下書きに使いそうなアクションをもうちょっと増やしてみるつもりです。
なんか、Workflowのほうが気になるけど。