Obsidianで段落最初の一文字を下げれるようにした記録。備忘録。

Obsidian
この記事を読むべき人

何をどうやったか直ぐに忘れる私
Obsidianで日本語の文章を書き、段落最初の一字を下げる方法を探している人

問題点

 Obsidianでは、段落一次下げをしようとすると、文章全体が一字分ズレてしまう。これは、日本語で小説を書こうとしたり、レポート、論文を書こうとするときに障害となる。

改善step1

最初に参考にしたサイトは以下。
https://kuma.quels.net/2024/03/02/obsidian-japanese-novel-writing/

以下の文章とコードは上記のサイトからの引用。

 ObsidianはCSSスニペットを書くことで外見の多くの要素をカスタムできます。
 Vaultを作ると、その下に隠しフォルダ「.obsidian」が作られます。
 CSSスニペットを使うには、この中に自分で「snippets」というフォルダを作ってください。
 ※スマートフォンのデフォルトのファイラーでは隠しフォルダが見られないかもしれません。私は古来よりFX File Explorerを愛用しています。
 そこに、テキストエディタなどで以下の内容をコピペしたファイルを入れます。
 名前は適当でいいのですが、拡張子は「.css」にしてください。novel-indent.css とか。

/* remove text indent in source-view */
.markdown-source-view:not(.is-live-preview) .cm-line{
	text-indent: 0 !important;
	padding-inline-start: 0 !important;
}
/* force plain-text-like view in preview-view p */
.markdown-preview-view p{
	white-space:pre-line;
}

 この記述に従って、先ず「.obsidian」というフォルダ内に「snippets」というフォルダを作った。
 先ず苦戦したのは、このフォルダ内にどうやってCSSのコードが書かれたファイルを入れるかだった。終わってみれば単純な話だった。苦戦した原因は、CSSのコードを唯のメモアプリに書いただけでテキストドキュメントを入れても何も起こらなかったからだ。
 メモアプリはテキストエディタではなく、VScodeのようなものが本物のテキストエディタらしい。だから、VScodeに上記のCSSコードを書いて、名前を付けて、「snippets」フォルダ内に保存した。
 これで、上記の指示に従うことができた。Obsidian内でAppearanceからCSS snippetsという項目にある、先ほど「snippets」フォルダ内に保存したファイルの名前が表示されていることを確認し、オフからオンに変更した。

改善step2

 これによって、段落一次下げは実現!一件落着!したかに思われた。しかし、今までした作業で段落一次下げができるようになったのは、Source modeに於てのみ。Source modeかどうかはEditorのDefault editing modeで確認できる。
 私は基本的にLive previewにしているので、段落一次下げはこの状態でできるようにしたい。

この問題は以下のサイトを見て改善した。
https://teineini.net/20240820-obsidian-indent

このサイトに書かれていた以下のコードを先ほど名前を付けて「snippets」フォルダ内に保存したファイルにそのまま追記した。

/* 段落インデント */ 
.cm-line { 
          text-indent: 0 !important; 
          padding-inline-start: 0 !important;
} 
.mod-cm6 .HyperMD-list-line.cm-line {
    display: flex; 
}

そうすると、Live previewモードであっても段落一次下げを実現することができた。

しかし、チェックボックスで箇条書きにして書いているときなどに、エンターキーを押すと勝手に次の行に移動してしまうようになった。これの原因が分からないので現在放置中である。

コメント

タイトルとURLをコピーしました