富文本编辑器

  • 在极狐GitLab 15.5 中引入,用于编辑问题描述,启用了名为 content_editor_on_issues 的功能标志,默认情况下禁用。
  • 在极狐GitLab 15.11 中引入,用于讨论、创建和编辑问题以及合并请求,使用相同的功能标志。
  • 在极狐GitLab 16.1 中引入,用于编辑史诗,使用相同的功能标志。
  • 在极狐GitLab 16.2 中,功能标志 content_editor_on_issues 默认启用。
  • 在极狐GitLab 16.5 中,移除了功能标志 content_editor_on_issues

富文本编辑器可用于以下内容:

编辑器功能包括:

  • 格式化文本,包括加粗、斜体、引用块、标题和内联代码。
  • 格式化有序列表、无序列表和任务列表。
  • 插入链接、附件、图片、视频和音频。
  • 创建和编辑表格结构。
  • 插入和格式化带有语法高亮的代码块。
  • 实时预览 Mermaid、PlantUML 和 Kroki 图表。

有关将富文本编辑器添加到更多极狐GitLab 位置的进展。

切换到富文本编辑器

使用富文本编辑器编辑描述、Wiki 页面和添加评论。

切换到富文本编辑器:在文本框的左下角,选择 切换到富文本编辑

切换到纯文本编辑器

如果你想在文本框中输入 Markdown 源代码,请切换回使用纯文本编辑器。

切换到纯文本编辑器:在文本框的左下角,选择 切换到纯文本编辑

GitLab 中的富文本编辑器

与极狐GitLab 风格的 Markdown 兼容性

富文本编辑器完全兼容极狐GitLab 风格的 Markdown。这意味着你可以在纯文本模式和富文本模式之间切换,而不会丢失任何数据。

输入规则

富文本编辑器还支持输入规则,使你能够像编写 Markdown 一样操作富文本内容。

支持的输入规则如下:

输入规则语法 插入的内容
# Heading 1

###### Heading 6
1 到 6 级标题
**bold**__bold__ 加粗文本
_italics_*italics* 斜体文本
~~strike~~ 删除线
[link](https://example.com) 超链接
code 内联代码
```rb + Enter
```js + Enter
代码块
* List item,或者
- List item,或者
+ List item
无序列表
1. List item 有序列表
<details> 可折叠部分

表格

与原始 Markdown 不同,你可以使用富文本编辑器在表格单元格中插入块级内容段落、列表项、图表(甚至是另一个表格!)。

插入表格

插入表格:

  1. 选择 插入表格
  2. 从下拉列表中选择新表格的尺寸。

一个带有3行3列的表格大小选择器。

编辑表格

在表格单元格内,你可以使用菜单来插入或删除行或列。

打开菜单:在单元格的右上角,选择向下箭头

显示表格操作的活动箭头菜单。

对多个单元格的操作

选择多个单元格并进行合并或拆分。

合并选定单元格为一个:

  1. 选择多个单元格——选择一个单元格并拖动鼠标。
  2. 在单元格的右上角,选择向下箭头 > 合并 N 个单元格

拆分合并单元格:在单元格的右上角,选择向下箭头 > 拆分单元格

插入图表

插入 MermaidPlantUML 图表,并在输入图表代码时实时预览。

插入图表:

  1. 在文本框的顶部工具栏,选择 更多选项,然后选择 Mermaid 图表PlantUML 图表
  2. 输入图表代码。图表预览会出现在文本框中。

富文本编辑器中的 Mermaid 图表

相关主题