FigJam 中的代码块 #

代码块允许你将格式化的代码作为可移动对象添加到板上，并包括几种受支持语言的语法高亮显示。

将代码块用于：

  • 协作问题解决
  • 技术设计探索
  • 技术架构面试
  • 用代码创建图表

创建一个代码块 #

从工具栏 #

  1. 在工具栏中单击。
  2. 滚动到面板的底部，或单击选项卡导航中的 更多。
  3. 选择 代码块。

一旦你的代码块在画布上，你就可以立即开始键入添加文本。

注意

代码块的默认长度为四行。默认情况下，用于语法突出显示的选定语言设置为 打字稿。

键盘快捷方式 #

使用键盘快捷方式：

  1. 按 。
  2. 将代码块预览悬停在画布上以选择一个位置。
  3. 单击此处可删除代码块。

从现有的代码块 #

当你将鼠标悬停在画布上的代码块的边缘上时，会出现一个快速创建图标，使你可以在该方向上创建一个新的代码块。你可以在画布上的代码块的顶部、右侧、底部和左侧创建一个新的代码块。

  1. 将代码块添加到你的主板上。
  2. 将光标悬停在代码块的一侧，以激活“快速创建”图标。
  3. 单击此处可在该方向上创建下一个代码块，或将预览拖动到板上的任何位置。

创建了一个新的代码块，其文本字段处于活动状态。

键盘快捷方式 #

你还可以使用以下键盘快捷键来快速创建代码块：

  1. 选择一个现有的代码块。

  2. 使用键盘快捷方式：

    **Mac **: 命令 返回

    视窗: 控制 输入

一个新的空白代码块将出现在原始的文本字段活动的代码块旁边。

注意

当使用 Quick Create 时，新的代码块将具有与先前的代码块相同的语言。

复制品 #

复制代码块：

  • 选择一个现有的代码块，然后使用键盘快捷键：

    Mac: 命令 d

    视窗： 控制 -d

  • 或者，按 选项 或 alt，然后从现有的代码块中单击并拖动。

在这两种情况下，原始代码块都会与其中的任何代码一起被复制。

添加连线 #

将代码块之间的连线添加到图表流程中，或为其他人创建要遵循的路径。

  1. 在工具栏中单击。
  2. 在 肘部 或 直 连线之间进行选择。你还可以使用键盘快捷键 x 创建一个弯头连线，以及 l 创建一个直连线。
  3. 单击并在要连接的对象之间拖动光标。

创建后，你可以单击并拖动连线的起始点或结束点到另一个对象，或同一对象的另一侧。

** 了解有关创建连线的更多信息 ** (opens new window)

编辑代码块 #

你可以编辑代码块的宽度和语法高亮显示。也可以对一组选定的代码块进行批量编辑。

要编辑代码块：

  1. 通过以下方式选择一个或多个代码块：
    • 单击单个代码块
    • 单击并将光标拖动到多个代码块上
    • 或者，单击多个代码块，同时按 Shift
  2. 编辑代码块的宽度或使用工具栏编辑语法高亮显示。

语法高亮显示 #

你可以为代码块的语法高亮显示更改所选语言。

全套受支持的语言包括：

  1. C++
  2. CSS
  3. 去吧
  4. GraphQL
  5. HTML
  6. JavaScript
  7. JSON
  8. 科特林
  9. Python
  10. 反应
  11. 鲁比
  12. 铁锈
  13. SQL
  14. 斯威夫特
  15. 排版（默认）

要更改所选语言：

  1. 选择一个代码块
  2. 在内联工具栏中，单击下拉菜单并选择一种新语言。

调整代码块的大小 #

由于代码块的高度取决于所包含的代码行，因此只有宽度是可编辑的。

要编辑代码块的宽度：

  1. 选择一个代码块
  2. 单击并拖动右边缘或左边缘以更改代码块的宽度。

** 了解有关在 FigJam 中调整对象大小的更多信息 ** (opens new window)

删除代码块 #

要从你的董事会中删除代码块：

  1. 通过以下方式选择一个或多个代码块：
    • 单击单个代码块
    • 单击并将光标拖动到多个代码块上
    • 或者，单击多个代码块，同时按 Shift
  2. 按 删除 。