当前位置:首页 > draw.io教程

将 draw.io 中的图表嵌入到 Notion 中

drawio5年前 (2020-12-15)draw.io教程8

Notion 是一个协作平台,拥有网页、桌面和移动应用程序,为个人和团队提供一系列协作、文档和个人组织功能:笔记、数据库、看板、维基、日历和提醒。

注意:还有一个Chrome 扩展程序,允许您将 Notion 中的单页图表存储为.drawio.svg文件,并直接在 Notion 中编辑它们。

将图表查看器嵌入到 Notion 页面中

这款基于块的编辑器允许您通过嵌入 draw.io 的在线图表查看器 (app.diagrams.net) 将图表嵌入到页面中。嵌入的图表在页面视图和全屏视图中均可见。如果您在创建嵌入代码时选择了相应的设置,则可以在图表中查看所有页面并与每个页面上的图层进行交互。

开始使用 draw.io

了解如何使用 Notion 及其功能

从 draw.io 导出嵌入代码

您可以将图表编码成 URL,并将其嵌入到 Notion 页面中。

注意:所有图表数据都包含在嵌入的图表 URL 中 - 这样查看者或 Notion 就无法访问您的原始图表文件。

  1. 在 draw.io 中,选择“文件”>“嵌入”>“Notion”导出您的图表。

  2. 默认情况下,将包含所有页面图层。如果您只想嵌入图表的当前页面和/或可见图层,请取消选中这些复选框。单击“创建”

  3. 包含图表数据的嵌入链接将被选中。点击“复制”按钮将其复制到剪贴板。

在 Notion 页面中嵌入图表

现在您已经生成了嵌入代码,您可以将其作为嵌入链接添加到您的 Notion 页面中。

  1. /在 Notion 中,在要嵌入图表的页面上输入(正斜杠),然后选择“嵌入”组件。

  2. 将您从 draw.io 复制的嵌入代码粘贴到文本框中,然后单击“嵌入链接”

  3. 嵌入代码加载完成后,您的图表将显示在页面上。

在 Notion 中使用图表

调整图表大小:点击图表即可看到黑色的调整大小手柄。抓住并拖动这些手柄即可调整图表在页面上的大小。

全屏查看图表:点击图表右上角的三个水平点,然后选择“全屏”以在大屏幕上查看图表。

启用/禁用图层、查看页面:使用图表底部的工具可以浏览各个页面,并启用或禁用图层。此功能在页面视图和全屏视图(如下所示)下均有效。如果图表导出时未包含页面和/或图层,则工具栏中将不会显示这些选项。

编辑图表:点击钢笔图标,即可在 draw.io 编辑器中打开图表副本进行编辑。编辑图表副本后,需要将图表代码重新嵌入到 Notion 页面中。

对图表进行评论:点击图表右上角的三个水平点,或者点击评论图标(如果有)。输入您的评论,然后点击“发送”。您可以在评论中提及其他 Notion 用户。点击“解决”即可关闭评论。

利用嵌入式图表做更多事情

请在GitHubTwitterFacebook上关注我们