一、功能简介
通过文本绘图小组件,你可以基于 Mermaid 语法,用几行代码轻松搭建复杂图形,免去繁琐的格式调整流程。你还可以使用文本绘图小组件内置的多种常用图表模板,即便毫无基础也可轻松上手。此功能特别适用于:
二、操作流程
插入小组件
在文档中,你可以通过以下 2 种方式添加文本绘图小组件:
方式 1:将鼠标悬停在文档空白处,在 + 工具栏中找到 文本绘图,点击即可将小组件插入文档。
250px|700px|reset
方式 2:在文档任意空白行输入 / ,或正文任意位置输入 空格 / 即可触发快速插入。在弹出的工具栏中选择 文本绘图即可。你也可以在触发快速插入后,直接输入 文本绘图,选择并插入小组件。
250px|700px|reset
250px|700px|reset
编辑小组件
- 使用模板:将鼠标悬停在小组件右上角的 模板 按钮上,即可选择想要的模板。
250px|700px|reset
- 切换视图:将鼠标悬停在小组件右上角的 视图 按钮上,即可切换视图。
250px|700px|reset
注:左侧为仅展示代码的效果,右侧为仅展示图表的效果。
250px|700px|reset
250px|700px|reset
- 全屏编辑:点击小组件右上角的 全屏 按钮,即可进入全屏编辑模式。全屏编辑时,你将有更大的编辑区域和预览区域。你可以用鼠标拖拽中间的边界线,调整两块区域的比例。编辑完成后,点击左上角的 X,即可退出全屏。
250px|700px|reset
- 切换主题颜色:点击右上角的 图标,即可切换图表主题颜色。
250px|700px|reset
其他操作
选中小组件之后,你还可以进行以下操作:
- 在组件上方浮现的工具栏中点击相应按钮,可以复制组件链接、分享组件链接、对组件整体进行评论。
250px|700px|reset
- 你也可以点击组件左上角的 按钮,根据需要选择缩进、对齐、剪切小组件、复制小组件、删除小组件、保存为模板等操作。
250px|700px|reset
Mermaid 语法
三、常见问题