Jazzと読書の日々

iPadを筆記具として使う方法を模索します

Obsidian mobileでCSSスニペットを管理

ああ、すでにあったのか。

カスタムCSS

これは知りませんでした。 プラグインCSS Editor を使います。

Import Obsidian: CSS Editor

使い方

モバイルツールバーに「CSS Editor: Edit CSS Snippet」を登録します。 CSSファイルの選択画面になるので選んで開く。 書き換えて閉じれば修正が反映します。

一からCSSファイルを作る場合は「Create CSS Snippet」を使います。 削除する場合は「Delete CSS Snippet」で選択。

メニュー化

コマンドパレットで呼び出すのが筋かな。 頻繁に使うものでもないし。 ただなんか悔しかったのでメニューにしてみました。

<%*
list = {
"C: CSS作成" : "css-editor:create-css-snippet",
"E: CSS編集" : "css-editor:edit-css-snippet",
"D: CSS削除" : "css-editor:delete-css-snippet"
}
k = Object.keys(list)

x = await tp.system.suggester(k, k)
if (x) app.commands.executeCommandById(list[x])
%>

他のコマンドと一緒に使うといいかもしれない。

Obsidian:Command ID を調べる方法 - Jazzと読書の日々

まとめ

このプラグイン、使いやすいですね。 CSSもちょっと調べてみよう。