새롭게 향상된 문서 편집기는 더욱 직관적이고 강화된 콘텐츠 작성 경험을 제공하며 콘텐츠 작성 프로세스를 간소화하고 대상 참여도를 높이도록 디자인되었습니다.
- 이미지 주변 자동 줄 바꿈, 테이블 편집기, 마크다운 지원 등 새 편집 도구
- 콘텐츠 블록 삽입 시 소스 코드를 더 효과적으로 제어할 수 있는 소스 코드 향상 기능
- HTML 블록, 문서 요약, 가로줄을 포함한 문서 구성 요소
문서를 새 환경으로 전환하기
EAP에 등록하면 문서가 자동으로 새 문서 편집기 환경으로 전환됩니다. 문서를 처음 열면 새 편집기로 전환되므로 “필요에 따라” 콘텐츠가 마이그레이션됩니다.
문서가 새 편집기로 전환된 후에는 이전 환경으로 되돌릴 수 없습니다.
문서 편집 도구
문서 편집기에는 콘텐츠 작성 프로세스를 간소화하고 향상시키기 위해 디자인된 새 편집 도구가 포함되어 있습니다. 헬프 센터에서 문서를 만들거나 편집한 후 새 문서 편집기 도구 모음을 통해 도구에 액세스하여 새 문서 편집 도구를 이용할 수 있습니다. 다음 이미지는 편집기 도구 모음에서 새 도구나 업데이트된 도구의 위치를 보여줍니다.
테이블 편집기
새 테이블 편집기에는 커서가 테이블 셀 내에 있을 때 사용 가능한 기능을 표시하는 상황별 도구 모음이 있습니다.
새 테이블 편집기를 사용하려면 문서 편집기 도구 모음의 테이블 아이콘에서 아래쪽 화살표를 클릭한 후 마우스를 테이블에 추가하려는 행과 열 수만큼 드래그합니다.
테이블의 셀을 클릭하여 상황별 메뉴를 표시합니다.
메뉴 옵션을 사용하여 테이블의 서식을 지정합니다. 테이블 도구 목록 및 사용 방법은 다음 테이블을 참조하세요.
도구 | 이름 | 설명 |
---|---|---|
캡션 켜기 | 테이블 맨 위 중앙에 표시되는 테이블 캡션을 입력할 수 있습니다. | |
셀 병합 | 셀을 선택한 다음 클릭하여 병합하거나 아래쪽 화살표를 클릭하여 추가 병합 및 분할 옵션을 선택합니다. | |
셀 특성 | 다음과 같은 옵션을 설정할 수 있는 셀 특성 창을 표시합니다.
|
|
열 | 아래쪽 화살표를 클릭하여 다음 옵션을 선택합니다.
|
|
테이블 특성 | 다음과 같은 옵션을 설정할 수 있는 테이블 특성 창을 표시합니다.
|
|
행 | 아래쪽 화살표를 클릭하여 다음 옵션을 선택합니다.
|
|
테이블 선택 | 테이블을 선택하여 다음 작업을 수행합니다.
|
이미지 도구
- 이미지 주변 자동 줄 바꿈
- 이미지 크기 조정
- 대체 텍스트를 추가하여 문서의 접근성 개선
이미지 도구를 사용하려면 이미지를 클릭한 후 사용하려는 도구를 선택합니다.
사용 가능한 이미지 도구 및 사용 방법은 다음 테이블을 참조하세요.
도구 | 이름 | 설명 |
---|---|---|
자동 줄 바꿈 | 이미지 주변 자동 줄 바꿈으로 왼쪽 맞춤 또는 오른쪽 맞춤을 선택할 수 있습니다. | |
이미지 맞춤 | 문서 내에서 이미지 맞춤(오른쪽, 왼쪽 또는 중앙)을 결정할 수 있습니다. | |
이미지 크기 조정 | 이미지 확대 옵션(25%, 50%, 75% 또는 100%)을 제공합니다. 올바른 크기에 도달할 때까지 모서리로 드래그하여 이미지 크기를 조정할 수도 있습니다. | |
대체 텍스트 | 이미지에 사용하려는 대체 텍스트를 입력할 수 있는 필드를 표시합니다. 대체 텍스트는 스크린 리더 소프트웨어가 큰 소리로 읽어주며 문서 접근성을 높여줍니다. 접근성 있는 헬프 센터 콘텐츠 만들기를 참조하세요.
참고: 대체 텍스트는 헬프 센터의 모든 이미지 인스턴스가 아닌 문서의 이미지 위치에 추가됩니다.
|
콘텐츠 요소의 드래그 앤 드롭 기능
새 드래그 앤 드롭 기능을 사용하여 문서 편집기 내에서 단락, 콘텐츠 블록, 이미지 및 표와 같은 요소(단, 이에 국한되지 않음)를 이동할 수 있습니다.
- 요소를 클릭하여 선택합니다. 단락을 이동하는 경우에는 전체 단락을 선택해야 합니다.
- 요소를 새 위치로 드래그한 후 드롭합니다. 요소를 드래그하는 동안 원래 위치가 강조 표시된 상태로 유지됩니다(아래 이미지에 빨간색으로 표시됨).
마크다운으로 텍스트 서식 지정하기
- 굵게 –
**text**
또는__text__
입력 - 기울임꼴 –
*text*
또는_text_
입력 - 코드 –
`text`
입력 - 글머리 기호 목록 –
*
또는-
뒤에 공백을 두고 줄 시작 - 번호 매기기 목록 –
1.
또는1)
뒤에 공백을 두고 줄 시작 - 머리글 –
#
,##
또는###
뒤에 공백을 두고 줄을 시작하여 머리글 1, 머리글 2 또는 머리글 3 만들기(options
에서 머리글을 더 정의하는 경우 최대 머리글 6까지) - 블록 인용 –
>
뒤에 공백을 두고 줄 시작 - 코드 블록 –
```
표시로 줄 시작 - 가로줄 –
---
표시로 줄 시작
소스 코드 향상 기능
- HTML 블록 - 이전에는 콘텐츠 블록에서만 사용할 수 있었지만, 문서 편집기에서 삽입 가능한 문서 구성 요소로 HTML 블록을 사용할 수 있습니다. 아래에서 문서 구성 요소를 참조하세요.
-
콘텐츠 블록 사용 시 더 깔끔한 코드 - 이전에는 문서 편집기에서 콘텐츠 블록 위에 커서를 놓으면 콘텐츠 블록 위에서만 텍스트의 HTML 코드를 볼 수 있었습니다. 콘텐츠 블록 아래에서 코드를 보려면 편집기로 돌아가 콘텐츠 블록 아래에 커서를 두어야 했습니다. 이제 이 문제가 해결되어 커서 위치에 관계없이 콘텐츠 블록 위와 아래 모두에서 문서 소스 코드를 볼 수 있습니다.
콘텐츠 블록은 문서 소스 코드의 ID 번호로 식별됩니다. 이 향상 기능으로 이제 HTML 보기에서 콘텐츠 블록 ID 위와 아래 모두에서 소스 코드를 볼 수 있습니다.
문서 구성 요소
HTML 블록
HTML 블록을 사용하여 문서에서 복잡한 HTML 코드에 신속하게 액세스하여 편집할 수 있습니다. HTML 블록을 사용하면 문서 편집기에서 편집할 수 없는 코드 블록으로 작업하고 헬프 센터 내에서 안전하게 코드를 표시할 수 있습니다.
HTML 블록을 사용하면 HTML 요소의 지원되지 않는 코드를 복사하여 소스 코드 편집기에 붙여 넣을 수 있습니다. 그런 다음 코드는 HTML 블록으로 래핑되고 문서 편집기 내에 표시됩니다. 문서 편집기 내에서 HTML 블록을 클릭하여 해당 블록의 코드만 표시하는 소스 코드 편집기를 열 수 있습니다. 이 집중형 보기를 사용하여 전체 문서의 소스 코드를 스크롤하지 않고도 선택한 콘텐츠의 HTML을 수정할 수 있습니다.
- 편집(): 소스 코드 편집기에서 HTML 코드를 편집합니다. 이 보기에서 작업 메뉴를 클릭하여 스타일을 정리하거나, 연결 해제하거나, 블록을 삭제할 수도 있습니다.
- 연결 해제(): HTML 블록을 인라인하고 콘텐츠에서 지원되지 않는 모든 마크업을 제거합니다. 연결 해제하기 전에 제거될 코드를 미리 볼 수 있습니다.
- 삭제(): 블록 내 텍스트와 코드를 포함한 HTML 블록을 문서에서 제거합니다. 삭제를 클릭하면 확인 없이 바로 HTML 블록이 제거되며 이 작업은 실행 취소할 수 없습니다.
- 헬프 센터나 Guide 관리에서 문서를 만들거나 편집합니다.
- 문서 편집기에서 도구 모음에 있는 소스 코드 아이콘()을 클릭합니다.
- 소스 코드 편집기에서 사용하려는 지원되지 않는 소스 코드를 만들거나 편집합니다.
-
적용을 클릭하여 코드를 저장하고 문서 편집기로 돌아갑니다. 지원되지 않는 코드가 편집기 내에 HTML 블록으로 나타납니다.
HTML 블록을 클릭하여 추가 옵션(편집, 연결 해제 또는 삭제)을 표시하거나 편집기 주위의 블록을 클릭하고 드래그하여 새 위치로 요소를 옮길 수 있습니다.
가로줄
- 대시 3개(---)를 입력하고 Enter 키를 누릅니다.
- 문서 편집기 도구 모음에서 문서 구성 요소 버튼()을 클릭한 다음 가로줄을 선택합니다.
문서 요약
헬프 센터 문서에 문서 요약 구성 요소를 삽입하여 문서 위쪽의 음영처리된 상자에 문서 콘텐츠의 간략한 설명을 표시할 수 있습니다.
이 구성 요소는 아직 EAP 상태이지만 AI 기반 요약을 제공합니다. EAP가 종료된 후에는 AI 기반 요약을 위한 고급 AI 추가 기능이 있어야 합니다.
- 고급 AI 추가 기능이 없으면 빈 문서 요약을 만들어 텍스트 상자에 요약을 입력할 수 있습니다.
- 추가 기능이 있는 경우에는 AI를 사용하여 요약을 생성하는 옵션도 이용할 수 있습니다.
- 헬프 센터나 Guide 관리에서 문서를 만들거나 편집합니다.
- 문서 편집기 도구 모음에서 문서 구성 요소 버튼()을 클릭한 다음 요약을 선택합니다.
- 둘 중 하나를 선택할 수 있습니다.
- 요약 필드에 요약을 입력합니다.
-
요약 필드를 클릭하여 AI 메뉴를 표시한 후 생성을 클릭합니다.
음영처리된 상자에 AI 생성 요약이 나타납니다. 요약을 재생성하려면 콘텐츠에 만족할 때까지 다시 생성을 클릭합니다.
- 저장을 클릭합니다.