Excalidraw

Obsidian Excalidraw の図を記事本文へ埋め込んで表示する Plugin です。

導入

npm install @riebeckite/plugin-excalidraw

Plugin の export 名や設定項目は、実装と package README を一次情報として確認してください。Riebeckite の Plugin は riebeckite.config.ts の plugins に登録して利用します。

Obsidian Excalidraw で作成した図を記事と一緒に公開したい場合に利用します。Excalidrawノートや埋め込み画像を含むVaultを、その関係を保ったまま公開する用途です。

![[drawing.excalidraw]] はビルド時にプレースホルダが生成され、ブラウザ側で SVG に置き換わって記事内に図が表示されます。.excalidraw ファイルの配置が必要です。

設定項目、公開 API、制約、追加の使用例は package README を参照してください。Plugin 全体の仕組みは Plugin System、Plugin を作る場合は Writing a Plugin を参照してください。

1 changesCollapseExpand

From To

	1	`+ # Excalidraw`
	2	`+`
	3	`+ Obsidian Excalidraw の図を記事本文へ埋め込んで表示する Plugin です。`
	4	`+`
	5	`+ ## 導入`
	6	`+`
	7	+ ```bash
	8	`+ npm install @riebeckite/plugin-excalidraw`
	9	+ ```
	10	`+`
	11	+ Plugin の export 名や設定項目は、実装と package README を一次情報として確認してください。Riebeckite の Plugin は `riebeckite.config.ts` の `plugins` に登録して利用します。
	12	`+`
	13	`+ ## 使用例`
	14	`+`
	15	`+ Obsidian Excalidraw で作成した図を記事と一緒に公開したい場合に利用します。Excalidrawノートや埋め込み画像を含むVaultを、その関係を保ったまま公開する用途です。`
	16	`+`
	17	+ `![[drawing.excalidraw]]` はビルド時にプレースホルダが生成され、ブラウザ側で SVG に置き換わって記事内に図が表示されます。`.excalidraw` ファイルの配置が必要です。
	18	`+`
	19	`+ ![[HW]]`
	20	`+`
	21	`+ ## 詳細仕様`
	22	`+`
	23	`+ 設定項目、公開 API、制約、追加の使用例は package README を参照してください。Plugin 全体の仕組みは [Plugin System](../framework/plugin-system.ja.md)、Plugin を作る場合は [Writing a Plugin](./writing-a-plugin.ja.md) を参照してください。`
	24	`+`
	25	`+`

CurrentOutgoingBacklink