Text counter for WorkFlowy

wf_text_counter.js

// もはや動いていなかったので削除
// 修正していただい版をご利用ください
// https://gist.github.com/jnory/b39cd65508fbaa2fa39ebed932ca47a7

なにこれ

アウトラインプロセッサ WorkFlowyに文字カウント機能を追加するJavaScriptです。
WorkFlowyをブラウザから使うことを前提としています。
ブラウザで使う理由は、彩郎さんのブログ「単純作業に愛をこめて」の記事参照。
「WorkFlowy専用Firefox」によって、パソコンからのWorkFlowyを、さらに強力なツールに育て上げる（Windows&Mac）

どう使うの

実行すると、

こんな項目がヘッダに追加されます。
カウント対象にしたいトピックにカーソルがある状態で 🎯 をクリックすると、

そのトピックが対象として指定され、文字数カウントが表示されます。
紐付く子トピックも一緒にカウント対象になります。
noteはカウント対象外です。

カウンタの更新は、ほぼリアルタイムです。1秒ごとに更新されます。
（文章が更新されたイベントに追随できればもっと素早くなってベターなんですが、イベントの取り方がよくわかんなかったので…）

カウント対象は、:dart: のクリックで任意のトピックに変更可能です。

FAQ

ブックマークレットにしたいんだけど

http://www.eonet.ne.jp/~wdf/software/bookmarklet_creator.html
などのサイトで上のコードを入れればブックマークレット化できます。

マロ。さんも文字数カウンタ開発されてるけど、どう違うの？

WorkFlowyの文字数カウントブックマークレット｜マロ。｜note

※彩郎さんによる、キャプチャつきの詳しい紹介
WorkFlowyの文字数を数えるブックマークレット「WorkFlowy_WordCount」

設計思想が違うので、お好みのほうを、あるいは共存してもお使いいただけるかと思います。

• takasek版:
  • カウントするトピックを柔軟に指定したい！
  • 表示領域はヘッダに収まる範囲がいい！
• マロ。さん版
  • フォーカスしているトピックの第1階層をセクションと捉え、セクションごとにカウントを一覧したい！

なんか重い…

スクリプト実行後、もう一度スクリプトを実行すると、カウンタが消えます。
カウント処理は毎秒走ってるので、パフォーマンスが気になるなら、使わなくていいトピック内では消したほうが良いかもしれませんね。

あるいは、コード内の setInterval(countText,1000) の数字をもっと大きい数にすれば、負荷は軽くなります。ミリ秒指定です。

他、なにかあれば

https://twitter.com/takasek まで。

更新しました。Revision:5。

• ヘッダに充分な横幅がない場合、カウンタが折り返されてしまう。その際に文字色が背景に溶け込まないよう、背景色を設定。
• カウント対象からnoteを除外。
  • note内もカウントしたい人は、3行目のfind()内を ".name>.content"から ".content"にすればOKです。

更新しました。Revision:7。

• スクリプトを再度実行するとカウンタが消えるようにしました。
  • マロ。さんのスクリプトの真似です 👀
• カウントの間隔を2秒→1秒にしました。

Revision:9。
コメントで紹介したブックマークレット作成サービスを使ってブックマークレット化するとうまく動かなくなっていたので、修正しました。

更新しました。Revision:10。
カウンタ表示領域の背景色・文字色が決め打ちになっていたので、テーマによっては見た目がおかしくなることがあった。この問題を解決。

こんにちは。最新版で動くように修正しました。もしよろしければご自由にmergeしてください。 https://gist.github.com/jnory/b39cd65508fbaa2fa39ebed932ca47a7

@jnory
素晴らしいです！ありがとうございます！