새롭게 향상된 문서 편집기는 더욱 직관적이고 강화된 콘텐츠 작성 경험을 제공하며 콘텐츠 작성 프로세스를 간소화하고 대상 참여도를 높이도록 디자인되었습니다.
- 이미지 주변 자동 줄 바꿈, 테이블 편집기, 마크다운 지원 등 새 편집 도구
- 콘텐츠 블록 삽입 시 소스 코드를 더 효과적으로 제어할 수 있는 소스 코드 향상 기능
- HTML 블록, 문서 요약, 가로줄을 포함한 문서 구성 요소
문서를 새 환경으로 전환하기
EAP에 등록한 후 필요에 따라 문서를 마이그레이션할 수 있습니다. 즉, EAP에 등록한 후 문서를 열면 새 문서 편집기 환경에서 자동으로 문서가 열리지만 문서를 저장할 때까지 마이그레이션되지 않습니다.
새 문서 편집기에서 문서를 저장하기 전에 문서를 미리 보고 예상대로 작동하는지 확인할 수 있습니다. 올바르지 않은 경우 레거시 편집기로 전환한 후 저장하여 문서를 레거시 환경으로 되돌릴 수 있습니다.
일단 문서를 저장하고 나면 새 문서 편집기 환경으로 마이그레이션됩니다. 하지만 저장한 후 생각이 바뀌면 언제든 레거시 환경으로 되돌릴 수 있습니다.
- 새 문서 편집기 EAP에 등록합니다.
- 헬프 센터에서 편집하려는 문서로 이동한 다음 위쪽 메뉴 모음에서 문서 편집을 클릭합니다.
새 문서 편집기 환경에서 문서가 열리고 온보딩 링크와 레거시 편집기로 전환할 수 있는 버튼이 표시됩니다.
- 문서 편집기 바닥글에 있는 미리 보기를 클릭합니다.
새 탭이 열리고 미리 보기 모드에서 문서가 표시됩니다. 지식창고에서 편집하면서 문서 미리 보기를 참조하세요.
- 문서를 검토하여 새 문서 편집기에서 올바르게 나타나는지 확인합니다.
- 문서가
- 올바르게 나타나는 경우에는 새 문서 편집기로 돌아가서 저장을 클릭하여 문서를 새 환경으로 마이그레이션합니다.
-
올바르게 나타나지 않는 경우에는 문서 설정 창에서 레거시 편집기로 전환을 클릭하여 요청된 피드백을 작성한 후 레거시 편집기로 전환을 클릭하여 레거시 환경으로 돌아갑니다.
문서 편집 도구
문서 편집기에는 콘텐츠 작성 프로세스를 간소화하고 향상시키기 위해 디자인된 새 편집 도구가 포함되어 있습니다. 헬프 센터에서 문서를 만들거나 편집한 후 새 문서 편집기 도구 모음을 통해 도구에 액세스하여 새 문서 편집 도구를 이용할 수 있습니다. 다음 이미지는 편집기 도구 모음에서 새 도구나 업데이트된 도구의 위치를 보여줍니다.
테이블 편집기
새 테이블 편집기에는 커서가 테이블 셀 내에 있을 때 사용 가능한 기능을 표시하는 상황별 도구 모음이 있습니다.
새 테이블 편집기를 사용하려면 문서 편집기 도구 모음의 테이블 아이콘에서 아래쪽 화살표를 클릭한 후 마우스를 테이블에 추가하려는 행과 열 수만큼 드래그합니다.
테이블의 셀을 클릭하여 상황별 메뉴를 표시합니다.
메뉴 옵션을 사용하여 테이블의 서식을 지정합니다. 테이블 도구 목록 및 사용 방법은 다음 테이블을 참조하세요.
도구 | 이름 | 설명 |
---|---|---|
![]() |
캡션 켜기 | 테이블 맨 위 중앙에 표시되는 테이블 캡션을 입력할 수 있습니다. |
![]() |
셀 병합 | 셀을 선택한 다음 클릭하여 병합하거나 아래쪽 화살표를 클릭하여 추가 병합 및 분할 옵션을 선택합니다. |
![]() |
셀 특성 | 다음과 같은 옵션을 설정할 수 있는 셀 특성 창을 표시합니다.
|
![]() |
열 | 아래쪽 화살표를 클릭하여 다음 옵션을 선택합니다.
|
![]() |
테이블 특성 | 다음과 같은 옵션을 설정할 수 있는 테이블 특성 창을 표시합니다.
|
![]() |
행 | 아래쪽 화살표를 클릭하여 다음 옵션을 선택합니다.
|
![]() |
테이블 선택 | 테이블을 선택하여 다음 작업을 수행합니다.
|
이미지 도구
- 이미지 주변 자동 줄 바꿈
- 이미지 크기 조정
- 대체 텍스트를 추가하여 문서의 접근성 개선
이미지 도구를 사용하려면 이미지를 클릭한 후 사용하려는 도구를 선택합니다.
사용 가능한 이미지 도구 및 사용 방법은 다음 테이블을 참조하세요.
도구 | 이름 | 설명 |
---|---|---|
![]() |
자동 줄 바꿈 | 이미지 주변 자동 줄 바꿈으로 왼쪽 맞춤 또는 오른쪽 맞춤을 선택할 수 있습니다. |
![]() |
이미지 맞춤 | 문서 내에서 이미지 맞춤(오른쪽, 왼쪽 또는 중앙)을 결정할 수 있습니다. |
![]() |
이미지 크기 조정 | 이미지 확대 옵션(25%, 50%, 75% 또는 100%)을 제공합니다. 올바른 크기에 도달할 때까지 모서리로 드래그하여 이미지 크기를 조정할 수도 있습니다. |
![]() |
대체 텍스트 | 이미지에 사용하려는 대체 텍스트를 입력할 수 있는 필드를 표시합니다. 대체 텍스트는 스크린 리더 소프트웨어가 큰 소리로 읽어주며 문서 접근성을 높여줍니다. 접근성 있는 헬프 센터 콘텐츠 만들기를 참조하세요.
참고: 대체 텍스트는 헬프 센터의 모든 이미지 인스턴스가 아닌 문서의 이미지 위치에 추가됩니다.
|
콘텐츠 요소의 드래그 앤 드롭 기능
새 드래그 앤 드롭 기능을 사용하여 문서 편집기 내에서 단락, 콘텐츠 블록, 이미지 및 표와 같은 요소(단, 이에 국한되지 않음)를 이동할 수 있습니다.
- 요소를 클릭하여 선택합니다. 단락을 이동하는 경우에는 전체 단락을 선택해야 합니다.
- 요소를 새 위치로 드래그한 후 드롭합니다. 요소를 드래그하는 동안 원래 위치가 강조 표시된 상태로 유지됩니다(아래 이미지에 빨간색으로 표시됨).
마크다운으로 텍스트 서식 지정하기
- 굵게 –
**text**
또는__text__
입력 - 기울임꼴 –
*text*
또는_text_
입력 - 코드 –
`text`
입력 - 글머리 기호 목록 –
*
또는-
뒤에 공백을 두고 줄 시작 - 번호 매기기 목록 –
1.
또는1)
뒤에 공백을 두고 줄 시작 - 머리글 –
#
,##
또는###
뒤에 공백을 두고 줄을 시작하여 머리글 1, 머리글 2 또는 머리글 3 만들기(options
에서 머리글을 더 정의하는 경우 최대 머리글 6까지) - 블록 인용 –
>
뒤에 공백을 두고 줄 시작 - 코드 블록 –
```
표시로 줄 시작 - 가로줄 –
---
표시로 줄 시작
소스 코드 향상 기능
![](https://zen-marketing-documentation.s3.amazonaws.com/docs/en/guide-art-editor-html-ico.png)
- 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 생성 요약이 나타납니다. 요약을 재생성하려면 콘텐츠에 만족할 때까지 다시 생성을 클릭합니다.
- 저장을 클릭합니다.