리치 텍스트 편집기


Tier: Free, Premium, Ultimate
Offering: GitLab.com, Self-managed, GitLab Dedicated
  • 소개됨: GitLab 15.5에서 이슈 설명을 편집하기 위한 플래그인 content_editor_on_issues와 함께.
  • 같은 플래그를 사용하여 GitLab 15.11에서 토론 및 이슈 및 병합 요청을 생성하고 편집하는 데 사용됨.
  • 같은 플래그를 사용하여 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과 완벽하게 호환됩니다. 즉, 일반 텍스트와 리치 텍스트 모드를 전환해도 데이터가 손실되지 않습니다.

입력 규칙

리치 텍스트 편집기는 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 다이어그램

관련 주제