2021年1月31日

从diagrams.net将图嵌入到Notion中

Notion是一个具有Web,桌面和移动应用程序的协作平台,可为个人和团队提供一系列协作,文档编制和个人组织功能:便笺,数据库,看板,Wiki,日历和提醒。

基于块的编辑器允许您通过将diagrams.net查看器嵌入到页面中。在页面视图中以及在全屏视图中查看嵌入式内容时,都可以看到嵌入式图。如果您在创建嵌入代码时选择了这些设置,则可以查看图表中的所有页面并与每个页面上的图层进行交互。

开始使用diagrams.net

了解如何使用概念及其功能

从diagrams.net导出嵌入代码
您可以将图表编码为URL,并将其嵌入到“概念”页面中。

注意:所有图表数据都在嵌入式图表URL中-不允许查看者或Noion访问您的原始图表文件。

在diagrams.net中,选择“文件”>“嵌入”>“概念”以导出图。
单击文件>嵌入>概念以生成用于将图表嵌入到Notion中的嵌入代码。
默认情况下,将包括所有页面和图层。如果您只想嵌入当前页面和/或图表的可见层,请取消选中这些复选框。点击创建。
选择要在概念中显示的嵌入式图的选项
将选择包含您的图表数据的嵌入链接。单击复制将其复制到剪贴板。
生成用于在Notion中嵌入图表的嵌入代码
将图嵌入到页面上的概念
现在已经生成了嵌入代码,您可以将其作为嵌入式链接添加到“概念”页面。

在“概念”中,/在要嵌入图表的页面上键入(正斜杠),然后选择“嵌入”组件。
在“概念”中键入/,然后选择“嵌入”以向页面添加嵌入式URL组件
将您从diagrams.net复制的嵌入代码粘贴到文本框中,然后点击嵌入链接。
将编码后的图表数据粘贴到文本字段的URL中,然后单击“嵌入”链接以将其添加到“概念”页面
嵌入代码加载后,您的图表就会显示在页面上。
您的图表将出现在“概念”页面中
在概念中使用图
调整图表大小:单击图表以查看黑色调整大小手柄。抓住并拖动它们以在页面上调整图表大小。
选择图,然后拖动黑色调整手柄以放大或缩小图

全屏查看该图:单击图右上方的三个水平点,然后选择“全屏”以在较大的查看器中查看该图。
单击右上角的水平点,然后选择“全屏”以在全屏查看器中查看该图

启用/禁用图层,查看页面:使用图底部的工具逐步浏览各个页面,启用或禁用图层。这在页面视图和全屏(下)中均适用。如果导出的图表没有页面和/或图层,则这些选项在工具栏中将不可用。
选择或取消选择图表中的图层,并逐步浏览概念中的页面

编辑图:单击笔图标以打开图的副本,以便在diagrams.net编辑器中进行编辑。编辑图的副本时,需要在“概念”页面中重新嵌入图代码。
单击笔图标以在diagrams.net编辑器中打开该图的副本。

对图进行注释:单击图右上角的三个水平点,或单击注释图标(如果显示了一个)。输入您的评论,然后点击发送。您可以在评论中提及其他概念用户。单击解决以关闭评论。
单击注释图标或三个水平点,然后在Notion中的图上添加注释

利用嵌入式图做更多的事情
从Confluence Cloud中的各个位置嵌入图表
在Confluence数据中心和服务器中嵌入图表
在Github降价页面中添加图表
生成HTML以将diagrams.net嵌入网页中
在Google文档,表格和幻灯片中使用图表
在Microsoft Word,Powerpoint和Excel中使用图表