はじめに
この記事は、掲題のことをやりたく、やり方を調べた結果になります。
- やりたいこと
- Notionに、draw.ioで描いた図を埋め込みたい。
- 但し draw.io 側では、複数ページの図が存在し、その内の１ページを埋め込み表示させたい。
参考した記事
-
@shotatさんの「Notionとdraw.ioを連携させる」記事を参考させて頂いて、draw.io に作成図面が１ページだけの場合は、上手く埋め込み表示ができました。
-
その後、draw.io上で、図面のページを複数追加して、再度、その中の１つの図面を埋め込もうとすると、Notionで図面が見えず、如何しても、下記の画面のように、draw.io ビューアへのリンクだけを埋め込むことになる。いろいろ試行錯誤の結果、上手くやれる方法が分かった。
-
下記の図は、埋め込めなかった時の画像でした。一応、リンクをクリックすれば、別画面で図面は表示されるが、Notionに埋め込み表示ではなかった。
解決策
- 解決策は簡単で、基本的に、@shotatさんの記事通りの設定でよかったのですが、下記の設定画面で、"All Pages"のチェックを外すと、draw.io に複数ページが存在しても、表示したい１ページの画像は、Notionに上手く埋め込み表示ができるようになった。
手順の概要
-
(draw.ioの操作) メニューから以下の順に、埋め込む先の形式をNotionを選択する
File -> Embed -> Notion を選ぶ
-
(draw.ioの操作) 下記の画面が現れるが、「All Pages」のチェックを外す。ほかの項目は、適当に設定、特に埋め込みの効果に影響がみられていない。その後、Createボタンをクリック。
-
(draw.ioの操作) 下記の画面が表示されるので、COPYボタンで、埋め込み用のリンクをコピーしておく。
-
(Notionの操作) 引き続き、Notion側の操作にはります。埋め込みたい箇所に、以下のようにEmbedを選ぶ。
-
(Notionの操作) 次の画面が表示されるので、draw.ioで取ったリンクをEmbed linkの欄にペーストして、Embed linkのボタンをクリックすると完成です。
結果纏め
- この記事は、draw.ioの複数ページからある１ページの図面をNotionに埋め込める方法を説明した。最終的にできた感じは、下記の図のようになりました。（本文終了）
