Obsidianで末尾の改行を表示するCSSスニペット

なやみ

markdownは末尾の空白文字2つで改行する決まりがある。
しかーし、obsidianのデフォルトではそんなルールはなく、末尾の空白文字が見やすくなるような設定は1.10.6現在ない！

しかーーし、Quartzにおいては、[空白文字2つ | 1行以上空ける] ことでしか改行しない厳密な改行 が採用されているため、やっぱり末尾が改行されているかを表示するのは必要不可欠であーる！

つくる

ので、ObsidianのCSSスニペットで設定する。

1. 以下ディレクトリに以下ファイルを作る。
   .obsidian/snippets/whitespace.css

   .cm-trailing-space-new-line::before {
       content: "↵";
       position: absolute;
       opacity: 0.5;
   }

2. 設定⚙ -> 外観 -> CSSスニペットからwhitespaceを有効にする。
3. (Optional) 改行であるかのみでなく、末尾の空白文字全てを表示するなら、 .obsidian/snippets/whitespace.css

   .cm-trailing-space-a::before,
   .cm-trailing-space-b::before {
       content: ".";
       position: absolute;
       bottom: 25%;
       opacity: 0.3;
   }

代替手段？

同様の課題を解決するためのコミュニティプラグイン Show Whitespace があるが、なんだか動作が安定しなかった¹ので、私はパスしました。

Footnotes

1. コードブロック内での単体の改行がつぶれてしまう ↩