Userstyles.orgのCSSをHandyFlowyにインポートするブックマークレット

HandyFlowyがアップデートされました。
v1.5ではオフライン対応により起動速度が驚異的に早くなった他、スタイル機能も追加されています。

HandyFlowy

HandyFlowy

  • Michinari YAMAMOTO
  • 仕事効率化
  • 無料

スタイルといえばUserstyles.org。
PC仕様ではありますが、WorkFlowyのスタイルが既にいくつも。
Workflowy Themes & Skins | Userstyles.org

これをHandyFlowyでもコピペの手間なく使えたらと思い、ブックマークレットを作りました。


(function(){
var n=$('#stylish-description').text();
var s=$('#stylish-code').text();
s=s.substring(s.indexOf('{')+1,s.lastIndexOf('}'));
open('handyflowy://import?name='+encodeURIComponent(n)+'&style='+encodeURIComponent(s));
})()

使い方

インポートしたいスタイルのページにてブックマークレットを実行してインポート後、HandyFlowyのCSSタブから適用します

もともとスマホに最適化されていないCSSであることに加え、やや強引に形式変換しているので、うまく適用できない場合があるかもしれませんが、ひとまずはこれで。