HandyFlowyでCSSを「スタイル」に登録するURLスキーム StyleMaker

iPhoneがWorkFlowy専用マシンになった。

1.5は画期的である

HandyFlowy 1.5
分類: 仕事効率化,ユーティリティ
価格: 無料 (Michinari YAMAMOTO)

まさかのオフライン対応。しかも起動が一瞬になった。WorkFlowyが「ここ」にある手応え。HandyFlowyは、スクリプトで拡張できるテクスト・エディタであり、意識せずともデータがネット上に蓄積していきます。WorkFlowyの世界が大きく変わります。

新しい「スタイル」

Workflowy Themes & Skins | Userstyles.org
...

パソコンで言うところの「Stylish」が可能になりました。ルック＆フィールをカスタマイズ。CSSの知識があれば、誰でもWorkFlowyの見た目を改造できます。

handyflowy://import?name=スタイル名&style=スタイル定義

StyleMaker

とはいえ、そのままCSSを書き込むのは骨が折れる。ノート部分にCSSを書けば、それをHandyFlowyの「スタイル」に登録するスクリプトを作ってみました。

p=pageContainer.querySelector(".selected.noted");

if(p){

  name=p.querySelector(".content").innerText;

  s=p.querySelector(".notes>.content").innerText;

  url="handyflowy://import?name="+encodeURIComponent(name)+"&style="+encodeURIComponent(s);

  open(url);

}else{

  alert("No script in Note.");

};

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