Inkdrop : link-compact plugin

概要

マークダウンのリンク記法が冗長なので、編集モードでもコンパクトに表示するためのプラグイン。

↓ コンパクト後 ↓

背景

個別に設定できる Styles.css で .md-link-mark に見えづらいスタイルを指定していたけど、常に見えづらい。リンク記法を間違えたときやちょっとした修正の際に、見えづらいので vim に貼り付けて修正してから Inkdrop に貼り付け直すことがよくあった。

対応

面倒なので、link-compact でコンパクト表示した際に style を指定できるようにした。実際のスタイルは Styles.css に書く。

.link-compact-enabled .md-link-mark {
  color: rgba(119, 204, 189, 0.3);
  color: black !important;
  font-size: 1pt;
  margin-left: 2px;
}

.link-compact-eanbled 込みで指定できるので、通常 (コンパクトじゃない) 表示の場合は編集しやすくなった。

コンパクト後の表示はこんな感じ。display:none; にすると vim plugin のカーソル移動がおかしい時があるので font-size で調整。

まとめ

編集モードでもリンク記法がかなり自然に見える。いい感じ。