HTML 블록을 사용하여 콘텐츠 블록의 코드 편집하기

사용 중인 플랜

HTML 블록을 사용하여 콘텐츠 블록의 복잡한 HTML 코드에 신속하게 액세스하여 편집할 수 있습니다. HTML 블록을 사용하면 콘텐츠 블록 편집기에서 편집할 수 없는 코드 블록으로 작업하고 헬프 센터 내에서 안전하게 표시할 수 있습니다.

HTML 블록을 사용하면 HTML 요소의 지원되지 않는 코드를 복사하여 소스 코드 편집기에 붙여 넣을 수 있습니다. 그런 다음 코드는 HTML 블록으로 래핑되고 콘텐츠 블록 편집기 내에 표시됩니다. 콘텐츠 블록 편집기 내에서 HTML 블록을 클릭하여 해당 블록의 코드만 표시하는 소스 코드 편집기를 열 수 있습니다. 이 집중형 보기를 사용하여 전체 콘텐츠 블록의 소스 코드를 스크롤하지 않고도 선택한 콘텐츠의 HTML을 수정할 수 있습니다.

콘텐츠 블록을 업데이트하면 HTML 블록과 연결된 HTML 요소가 해당 콘텐츠 블록을 포함하는 모든 게시된 문서에 나타납니다. HTML 블록을 사용면 복잡한 HTML 스크립트나 목차, 아코디언, 탭 또는 스테퍼 등의 요소를 포함하여 지원되지 않는 모든 HTML 코드 블록을 콘텐츠 블록에 포함할 수 있습니다.

이 문서는 다음 섹션으로 구성되어 있습니다.

• HTML 블록 만들기
• HTML 블록 편집하기
• HTML 블록 제거하기

HTML 블록 만들기

코드의 블록을 콘텐츠 블록 소스 코드에 붙여 넣거나 단축 키(cmd + option + h / ctrl + alt + h)를 사용하여 콘텐츠 블록 편집기에 빈 HTML 블록을 만들어 HTML 블록을 만들 수 있습니다. 만든 후에는 HTML 블록 편집기나 문서 소스 코드 편집기 내에서 HTML 블록 코드에 액세스할 수 있습니다.

참고: HTML 블록을 브라우저에 표시하려면 안전하지 않은 콘텐츠를 사용 설정해야 합니다. 헬프 센터 문서의 소스 코드 편집하기를 참조하세요.

HTML 블록을 만들려면 다음과 같이 하세요.

1. 헬프 센터나 Guide 관리에서 콘텐츠 블록을 만들거나 편집합니다.
2. 콘텐츠 블록 편집기에서 도구 모음에 있는 소스 코드 아이콘()을 클릭합니다.
3. 소스 코드 편집기에서 사용하려는 지원되지 않는 소스 코드를 만들거나 편집합니다.

   

4. 적용을 클릭하여 코드를 저장하고 콘텐츠 블록 편집기로 돌아갑니다. 지원되지 않는 코드가 편집기 내에 HTML 블록으로 나타납니다. HTML 블록을 클릭하여 추가 옵션을 표시하거나 편집기 주위의 블록을 클릭하고 드래그하여 새 위치로 요소를 옮길 수 있습니다.

   

HTML 블록 편집하기

HTML 블록을 사용하면 해당 블록의 소스 코드를 쉽게 찾고 작업할 수 있습니다. 전체 콘텐츠 블록의 소스 코드를 스크롤하는 대신 콘텐츠 블록 편집기에서 직접 HTML 블록의 소스 코드에 액세스하여 편집할 수 있습니다.

HTML 블록을 편집하려면 다음과 같이 하세요.

1. 편집 모드에서 편집하려는 HTML 블록이 포함된 콘텐츠 블록을 엽니다.
2. 편집하려는 HTML 블록을 클릭하여 옵션 아이콘을 표시한 후 편집 아이콘()을 선택합니다.

   HTML 블록 편집기가 편집 모드에 열립니다.

   

3. HTML 블록 편집기에서 필요한 변경 작업을 합니다.
4. 적용을 클릭합니다.

   업데이트가 저장되어 해당 콘텐츠 블록을 사용하는 모든 문서에 업데이트가 보입니다. 문서를 다시 게시하지 않아도 변경 내용이 나타납니다.

HTML 블록 제거하기

더 이상 HTML 블록이 필요하지 않으면 이 블록이 나타나는 콘텐츠 블록에서 제거할 수 있습니다. 콘텐츠 블록에서 HTML 블록을 제거하면 콘텐츠 블록이 나타나는 모든 문서에서 즉시 HTML 블록을 제거합니다.

HTML 블록을 제거하려면 다음과 같이 하세요.

1. 편집 모드에서 삭제하려는 HTML 블록이 포함된 콘텐츠 블록을 엽니다.
2. 삭제하려는 HTML 블록을 클릭하여 옵션 아이콘을 표시한 후 삭제 아이콘()을 선택합니다.

   HTML 블록이 콘텐츠 블록에서 제거됩니다.

3. 업데이트를 클릭합니다.

   콘텐츠 블록이 나타나는 모든 문서에서 HTML 블록이 제거됩니다.