풍부한 텍스트 편집기

Tier: Free, Premium, Ultimate Offering: GitLab.com, Self-Managed, GitLab Dedicated
  • 소개 : GitLab 15.5에서 이슈 설명을 편집하는 데에 사용되는 content_editor_on_issues이라는 플래그와 함께 소개되었습니다. 기본으로 비활성화됩니다.
  • 토론 및 GitLab 15.11에서 동일한 플래그로 이슈 및 Merge Request을 생성하고 편집하는 데에 사용될 수 있도록 소개되었습니다.
  • GitLab 16.1에서는 에픽에 동일한 플래그로 소개되었습니다.
  • 피처 플래그 content_editor_on_issues은 GitLab 16.2에서 기본으로 활성화됩니다.
  • 피처 플래그 content_editor_on_issues은 GitLab 16.5에서 제거되었습니다.

풍부한 텍스트 편집기는 다음에서 이용 가능합니다:

편집기의 특징은 다음과 같습니다:

  • 볼드체, 이탤릭체, 블록 인용문, 제목, 인라인 코드 등 텍스트 형식 지정
  • 순서있는 디렉터리, 순서없는 디렉터리, 체크리스트 등 형식 지정
  • 링크, 첨부 파일, 이미지, 비디오, 오디오 삽입
  • 테이블 구조 생성 및 편집
  • 문법 강조가 포함된 코드 블록 삽입
  • Mermaid, PlantUML, Kroki 다이어그램 실시간 미리 보기

GitLab 전반에 대한 풍부한 텍스트 편집기 추가 작업을 추적하려면 에픽 7098을 참조하세요.

풍부한 텍스트 편집기로 전환

풍부한 텍스트 편집기를 사용하여 설명을 편집하고 위키 페이지에 코멘트를 추가하세요.

풍부한 텍스트 편집기로 전환하려면: 텍스트 상자에서 좌하단에 위치한 풍부한 텍스트 편집으로 전환을 선택하세요.

일반 텍스트 편집기로 전환

텍스트 상자에서 Markdown 소스를 입력하려면 일반 텍스트 편집기를 사용하세요.

일반 텍스트 편집기로 전환하려면: 텍스트 상자에서 좌하단에 위치한 일반 텍스트 편집으로 전환을 선택하세요.

GitLab의 풍부한 텍스트 편집기

GitLab Flavored Markdown과의 호환성

풍부한 텍스트 편집기는 GitLab Flavored Markdown과 완벽하게 호환됩니다. 즉, 일반 텍스트 모드와 풍부한 텍스트 모드를 전환해도 데이터가 손실되지 않습니다.

입력 규칙

풍부한 텍스트 편집기는 마크다운을 입력하는 것처럼 풍부한 콘텐츠를 작업할 수 있도록 하는 입력 규칙을 지원합니다.

지원하는 입력 규칙:

입력 규칙 구문 삽입되는 콘텐츠
# Heading 1

###### Heading 6
1부터 6까지의 헤딩
**bold** 또는 __bold__ 볼드체 텍스트
_italics_ 또는 *italics* 이탤릭체 텍스트
~~strike~~ 취소선
[link](url) 하이퍼링크
code 인라인 코드
```rb + Enter
```js + Enter
코드 블록
* List item, or
- List item, or
+ List item
순서 없는 디렉터리
1. List item 순서 있는 디렉터리
<details> 접기 가능한 섹션

테이블

마크다운에서처럼 풍부한 텍스트 편집기를 사용하여 테이블 셀에 블록 콘텐츠 단락, 디렉터리 항목, 다이어그램(또는 또 다른 테이블!)을 삽입할 수 있습니다.

테이블 삽입

테이블을 삽입하려면:

  1. 테이블 삽입 을 선택합니다.
  2. 드롭다운 디렉터리에서 새 테이블의 치수를 선택합니다.

대체 텍스트

테이블 편집

테이블 셀 내에서 메뉴를 사용하여 행 또는 열을 삽입하거나 삭제할 수 있습니다.

메뉼를 열려면: 셀 우상단에서 호방향으로 된 chevron 을 선택합니다.

대체 텍스트

여러 셀에 대한 작업

여러 셀을 선택하여 Merge하거나 분할할 수 있습니다.

여러 셀을 하나로 Merge하려면:

  1. 여러 셀을 선택하려면 한 셀을 선택하고 커서를 드래그합니다.
  2. 셀 우상단에 있는 chevron > N 개의 셀 Merge을 선택합니다.

Merge된 셀을 분할하려면: 셀 우상단에 있는 chevron > 셀 분할을 선택합니다.

다이어그램 삽입

MermaidPlantUML 다이어그램을 삽입하고 입력하는 동안 미리 보기를 볼 수 있습니다.

다이어그램을 삽입하려면:

  1. 텍스트 상자의 상단 바에서 더 많은 옵션을 선택한 후 Mermaid 다이어그램 또는 PlantUML 다이어그램을 선택합니다.
  2. 다이어그램 코드를 입력합니다. 그러면 텍스트 상자에 미리 보기가 표시됩니다.

풍부한 텍스트 편집기의 Mermaid 다이어그램

관련 주제