智能助手
帮助中心智能助手上线
我能为你解答飞书使用的问题,快来问问我吧!
00:00
点击按住可拖动视频
我知道了
去试试
使用文本绘图小组件

使用文本绘图小组件

本文阅读时长:4 分钟
一、功能简介
通过文本绘图小组件,你可以基于 Mermaid 语法,用几行代码轻松搭建复杂图形,免去繁琐的格式调整流程。你还可以使用文本绘图小组件内置的多种常用图表模板,即便毫无基础也可轻松上手。此功能特别适用于:
角色
场景与痛点
解决方案
研发人员
经常需要用流程图、时序图来说明技术问题,但常规制图方式的排版流程过于繁琐,降低效率
基于代码的图表编写方式贴合开发人员使用习惯,便于快速完成技术能力文档、技术架构说明的编写。
项目负责人、产品经理
常用流程图、甘特图、饼图等图表说明数据和项目管理情况,倾向于简洁高效的搭建工具
语法简洁易上手,图表呈现效果好。关键信息明确且有逻辑。助力 PRD、功能说明文档、项目管理文档的编写。
二、操作流程
插入小组件
在文档中,你可以通过以下 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 语法
文本绘图小组件使用 Mermaid 语法具体信息请参考 Mermaid 官网
三、常见问题
问: 仅有文档阅读权限的人,看到的文本绘图组件是什么样子的?
答:可以在文档中同样能看到代码图表,并且可以切换视图。但是无法使用全屏模式、模板和主题切换功能。
作者飞书帮助中心
最后更新于2024/11/13
本文是否对你有帮助

有帮助
无帮助
提交成功,感谢你的反馈!
未能解决你的问题?请联系在线客服
5
rangeDom
rangeDom
购买咨询
一对一专业企业顾问
工作日 8:00 - 19:00 在线服务