서식 있는 텍스트 모듈에서 콘텐츠 편집

리치 텍스트 모듈에서는 텍스트, 이미지, 링크 등 다양한 유형의 콘텐츠를 추가할 수 있습니다. 개발자는 커스텀 코딩된 템플릿에 리치 텍스트 모듈을 추가한 후 편집 옵션을 맞춤 설정할 수 있습니다.

시작하기 전에

리치 텍스트 모듈에서 콘텐츠를 편집하기 전에 요구 사항과 고려 사항을 검토하십시오.

제한 사항 및 고려 사항 이해

• 일부 리치 텍스트 편집 기능은 지식베이스 문서 편집기에서 사용할 수 없습니다.

리치 텍스트 모듈에서 텍스트 서식 지정

1. 콘텐츠로 이동:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
   • 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
   • 지식 기반: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 콘텐츠 이름을 클릭하세요.
3. 콘텐츠 편집기에서리치 텍스트 모듈을클릭하면 편집기 상단에 리치 텍스트 도구 모음이활성화됩니다. 리치 텍스트 모듈을 클릭한 다음 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.

참고: 기기의 화면 크기에 따라 일부 서식 옵션은 '더 보기 ' 드롭다운 메뉴에 위치할 수 있습니다.

4. 리치 텍스트 모듈에서 텍스트를 강조 표시합니다.
5. 콘텐츠에서 텍스트의 상대적 크기와 중요도를 설정하려면 스타일 드롭다운 메뉴를 클릭하고 옵션을 선택하세요(예: 단락 또는 제목 1).
6. 텍스트의 글꼴을 설정하려면 글꼴 드롭다운 메뉴를 클릭하고 글꼴을 선택하세요. HubSpot에서 글꼴 작업에 대해 자세히 알아보세요.

7. 텍스트 크기를 설정하려면 글꼴 크기 드롭다운 메뉴를 클릭하고 픽셀 단위로 글꼴 크기를 선택하세요. 

8. 텍스트를 굵게, 기울임꼴 또는 밑줄로 표시하려면 스타일 아이콘 (예: boldIcon 굵게, italicIcon 기울임꼴 또는 underlineIcon 밑줄)을 클릭합니다.
9. 텍스트 색상을 변경하려면 textColorIcon 텍스트 색상 아이콘을 클릭한 다음 색상을 선택하세요. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭하세요.

10. 텍스트의 배경색을 설정하려면 배경색 강조 아이콘을 클릭한 다음 색상을 선택하세요. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭하세요.
11. 텍스트 정렬을 변경하려면정렬 드롭다운 메뉴를 클릭하고정렬 아이콘을 선택하세요.

12. 텍스트를 글머리 기호 목록에 추가하려면 '더보기' 드롭다운 메뉴를 클릭하세요. 그런 다음 글머리 기호 목록 아이콘을 클릭하세요. 목록 형식을 변경하려면 글머리 기호 목록 드롭다운 메뉴를 클릭하고 다이아몬드 형식을 선택하세요.

13. 텍스트를 번호 매기기 목록에 추가하려면 '더 보기' 드롭다운 메뉴를 클릭하세요. 그런 다음 번호매기기 목록 아이콘을 클릭하세요. 목록 형식을 변경하려면 번호 매기기 목록 드롭다운 메뉴를 클릭하고 '하위 알파벳' 형식을 선택하세요.
14. 텍스트의 줄 간격을 설정하려면줄 간격 드롭다운 메뉴를 클릭하고 원하는 높이를 선택하세요.
15. 텍스트의 들여쓰기를 늘리거나 줄이려면 들여쓰기 늘리기 들여쓰기 또는들여쓰기 줄이기 아이콘을 클릭하세요.
16. 텍스트에 적용된 서식을 제거하려면'서식 제거' 아이콘을 클릭하세요.
17. 추가 서식을 추가하려면 더 보기 드롭다운 메뉴를 클릭하고취소선,위첨자 또는아래첨자 아이콘을 선택하세요.
18. 텍스트를 코드 형식으로 서식 지정하려면 '더 보기' 드롭다운 메뉴를 클릭하고'코드' 아이콘을 선택하세요.
19. 완료되면 업데이트또는 게시를 클릭하여 변경 사항을 적용하세요.

리치 텍스트 모듈에 요소 추가하기

1. 콘텐츠로 이동:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
   • 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
   • 지식 기반: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 콘텐츠 이름을 클릭하세요.
3. 콘텐츠 편집기에서리치 텍스트 모듈을클릭하면 편집기 상단에 리치 텍스트 도구 모음이활성화됩니다. 리치 텍스트 모듈을 클릭한 다음 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.
4. 링크를 삽입하려면 텍스트를 강조 표시한 다음 링크 삽입 링크 아이콘을 클릭하세요. HubSpot에서 링크 작업에 대해 자세히 알아보세요.
5. 이미지를 삽입하려면이미지 삽입 아이콘을 클릭하세요. HubSpot에서 이미지 작업에 대해 자세히 알아보세요.
6. 이모지를 삽입하려면이모지 삽입 아이콘을 클릭하세요.
7. 콜 투 액션(CTA)을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후cta콜 투 액션을 선택하세요. HubSpot에서 콜 투 액션 작업에 대해 자세히 알아보세요.
8. 임베드 코드를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 임베드를 선택하세요. HubSpot에서 콘텐츠 임베드에 대해 자세히 알아보세요.
9. 동영상을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 동영상 위에 마우스를 올리고 HubSpot 동영상 또는 외부 동영상을 선택하세요. HubSpot에서 동영상 작업에 대해 자세히 알아보세요.
10. 테이블을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 테이블 위에 마우스를 올려놓고 테이블 크기를 선택하세요. HubSpot에서 테이블 작업에 대해 자세히 알아보세요.
11. 특수 문자를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 특수 문자를 선택하세요. 팝업 상자에서 원하는 특수 문자를 클릭하세요.
12. 아이콘을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 아이콘을 선택하세요. 팝업 상자에서 아이콘을 클릭하세요. HubSpot에서 아이콘 작업에 대해 자세히 알아보세요.
13. 앵커 링크를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 후 앵커를 선택하세요. HubSpot에서 앵커 링크 작업에 대해 자세히 알아보세요.
14. 수평선을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 수평선을 선택하세요.
15. 비분리 공백을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 비분리 공백을 선택하세요.

16. 개인화 토큰을 삽입하려면 개인화를 클릭하세요.
    • 팝업 상자에서 유형 드롭다운 메뉴를 클릭하고 토큰 유형을 선택합니다.
    • 토큰 드롭다운 메뉴를 클릭하고 토큰을 선택하세요. HubSpot에서 개인화 토큰 작업에 대해 자세히 알아보세요.
17. 완료되면 업데이트또는 게시를 클릭하여 변경 사항을 적용하세요.

리치 텍스트 모듈에서 고급 편집 기능 사용

1. 콘텐츠로 이동:

   • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
   • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
   • 블로그: HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
   • 지식 기반: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
2. 콘텐츠 이름을 클릭합니다.
3. 콘텐츠 편집기에서 리치 텍스트 모듈을클릭하면 편집기 상단에 리치 텍스트 도구 모음이 활성화됩니다. 리치 텍스트 모듈을 클릭한 다음 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.

4. 모듈의 소스 코드에 접근하려면 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택하세요. 대화 상자에서 소스 코드를 편집한 후 변경 사항 저장을 클릭하세요.

   참고: 리치 텍스트 모듈 소스 코드에 추가된 HubL 코드는 편집기에서 렌더링되지 않으며, 페이지 자체 렌더링 시 적용됩니다. 웹 페이지와 같은 자산의 경우 페이지 미리보기를 통해 HubL 출력을 확인할 수 있습니다. 

5. 콘텐츠를 블록 단위로 분리하여 보려면 고급 드롭다운 메뉴를 클릭하고 '블록 표시'를 선택하세요. 블록 없이 콘텐츠를 다시 보려면 고급 드롭다운 메뉴를 클릭하고 '블록 숨기기'를 선택하세요. 두 옵션 모두 방문자에게 표시되는 콘텐츠의 모양에는 영향을 미치지 않습니다.
6. 완료 후 업데이트또는 게시를 클릭하여 변경 사항을 적용하세요.