DynalistのCSSを書き換えたりDynalist上でスクリプトを走らせたりするためにはHTML構造を知っておく必要がある。
Webブラウザのデベロッパーツールで見れば分かる。各ノードは以下のようなHTMLが1単位になっている。(2025年4月現在)
アウトラインで簡単に書くとこうなる。
- Node-outer
- Node
- Node-self
- node-hover
- node-backlink-counter
- Node-bullet(title属性に作成日・編集日、href属性にノードのURLあり)
- Node-checkbox
- Node-contentContainer(本文)
- Node-content(編集用)
- Node-renderedContent(表示用)
- Node-noteContainer(ノート欄)
- Node-note(編集用)
- Node-renderedNote(表示用)
- Node-children
- Node-outer...
- Node-outer...
- Node-outer...
- Node-self
- Node
複数の機能に同じclassが使われていることがあるので、セレクタをどう指定すると自分が狙っている要素をズバッと取得できるかはよく確かめる必要がある。
関連