콘텐츠로 건너뛰기
HubSpot 기술 자료
주의:: 이 문서는 사용자의 편의를 위해 제공됩니다. 이 문서는 번역 소프트웨어를 사용하여 자동으로 번역되었으며 교정을 거치지 않았을 수 있습니다. 이 문서의 영어 버전이 가장 최신의 정보를 확인할 수 있는 공식 버전으로 간주해야 합니다. 여기에서 액세스할 수 있습니다..

리치 텍스트 모듈의 내용 편집

마지막 업데이트 날짜: 2026년 7월 28일

명시된 경우를 제외하고 다음 구독 중 어느 것에서나 사용할 수 있습니다.

리치 텍스트 모듈에는 텍스트, 이미지, 링크 등 다양한 유형의 콘텐츠를 추가할 수 있습니다. 개발자는 직접 코딩한 템플릿에 리치 텍스트 모듈을 추가한 다음, 편집 옵션을 사용자 지정할 수 있습니다.

시작하기 전에

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

권한 필요 다음 권한이 필요합니다:

제한 사항 및 고려 사항 이해

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

  1. 콘텐츠로 이동:

  2. 콘텐츠 이름을 클릭하세요.
  3. 콘텐츠 편집기에서리치 텍스트 모듈을클릭하여 편집기 상단의 리치 텍스트 도구 모음을활성화하세요. 리치 텍스트 모듈을 클릭한 다음, 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.
  1. 리치 텍스트 모듈에서 텍스트를 선택하십시오.
  2. 콘텐츠 내에서 텍스트의 상대적 크기와 중요도를 설정하려면 '스타일' 드롭다운 메뉴를 클릭하고 옵션을 선택하세요(예: '단락' 또는 '제목 1').
  3. 텍스트의 글꼴을 설정하려면 ‘글꼴’ 드롭다운 메뉴를 클릭하고 글꼴을 선택하세요. HubSpot에서 글꼴을 사용하는 방법에 대해 자세히 알아보세요.

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the 'Font' dropdown menu.

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

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the 'Font size' dropdown menu.

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

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Font color' dropdown menu to display font color options. In the color options, an arrow points to colors on the Simple tab.

  1. 텍스트의 배경색을 설정하려면 배경색 highlight 아이콘을 클릭한 다음 색상을 선택하십시오. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 [ 고급 ] 탭을 클릭하십시오.
  2. 텍스트의 정렬을 변경하려면 alignLeft 정렬 드롭다운 메뉴를 클릭하고 alignCenter 정렬 아이콘을 선택하세요.

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Alignment' dropdown menu to display font alignment options. An arrow points to the alignment options.

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

In the content editor, the rich text module toolbar is visible. A box is placed around the 'More' dropdown menu to display additional formatting options. In the additional formatting options, a box is placed around the bulleted list icon and the bulleted list dropdown menu.

  1. 텍스트를 번호 매기기 목록에 추가하려면 '더 보기' 드롭다운 메뉴를 클릭하십시오. 그런 다음 numberList매기기 목록' 아이콘을 클릭하십시오. 목록의 서식을 변경하려면 번호 매기기 목록 드롭다운 메뉴를 클릭하고 bulletLowerAlpha 서식을 선택하십시오.
  2. 텍스트의 줄 간격을 설정하려면 lineHeight 줄 간격 드롭다운 메뉴를 클릭하고 높이를 선택하십시오.
  3. 텍스트의 들여쓰기를 늘리거나 줄이려면들여쓰기 늘리기 또는들여쓰기 줄이기 아이콘을 클릭하세요.
  4. 텍스트에 적용된 서식을 제거하려면 removeTextStyle 서식 지우기 아이콘을 클릭하세요.
  5. 서식을 추가하려면 ‘더 보기’ 드롭다운 메뉴를 클릭하고‘취소선’,‘위첨자’ 또는‘아래첨자’ 아이콘을 선택하세요.
  6. 텍스트를 코드 형식으로 서식 지정하려면 '더 보기' 드롭다운 메뉴를 클릭하고'코드' 아이콘을 선택하세요.
  7. 작업이 끝나면 ‘업데이트’또는 ‘게시’를 클릭하여 변경 사항을 적용하세요.

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

  1. 콘텐츠로 이동:

  2. 콘텐츠 이름을 클릭하세요.
  3. 콘텐츠 편집기에서리치 텍스트 모듈을클릭하여 편집기 상단의 리치 텍스트 도구 모음을활성화하세요. 리치 텍스트 모듈을 클릭한 다음, 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.
  4. 링크를 삽입하려면 텍스트를 선택한 다음,링크 삽입 아이콘을 클릭하세요. HubSpot에서 링크를 사용하는 방법에 대해 자세히 알아보세요.
  5. 이미지를 삽입하려면'이미지 삽입' 아이콘을 클릭하세요. HubSpot에서 이미지 작업에 대해 자세히 알아보세요.
  6. 이모지를 삽입하려면이모지 삽입 아이콘을 클릭하세요.
  7. 행동 유도 문구를 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭한 다음‘CTA(행동 유도 문구)’를 선택하세요. HubSpot에서 행동 유도 문구를 사용하는 방법에 대해 자세히 알아보세요.
  8. 임베드 코드를 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭한 다음 ‘임베드’를 선택하세요. HubSpot에서 콘텐츠 임베드에 대해 자세히 알아보세요.
  9. 동영상을 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭한 다음 ‘동영상’ 위에 마우스를 올려놓고 HubSpot 동영상 또는 외부 동영상을 선택하세요. HubSpot에서 동영상 작업에 대해 자세히 알아보세요.
  10. 표 삽입을 하려면 [삽입 ] 드롭다운 메뉴를 클릭한 다음, [표 ] 위에 마우스를 올려놓고 표의 크기를 선택하세요. HubSpot에서 표를 사용하는 방법에 대해 자세히 알아보세요.
  11. 특수 문자를 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭한 다음 ‘특수 문자’를 선택하세요. 팝업 상자에서 특수 문자를 클릭하세요.
  12. 아이콘을 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭한 다음 ‘아이콘’을 선택하세요. 팝업 창에서 아이콘을 클릭하세요. HubSpot에서 아이콘을 사용하는 방법에 대해 자세히 알아보세요.
  13. 앵커 링크를 삽입하려면 '삽입' 드롭다운 메뉴를 클릭한 다음 '앵커'를 선택하세요. HubSpot에서 앵커 링크를 사용하는 방법에 대해 자세히 알아보세요.
  14. 수평선을 삽입하려면 ‘삽입’ 드롭다운 메뉴를 클릭하고 ‘수평선’을 선택하세요.
  15. 분리 불가능한 공백을 삽입하려면 '삽입' 드롭다운 메뉴를 클릭하고 '분리 불가능한 공백'을 선택하세요.

In the content editor, the rich text module toolbar is visible. A box is placed around the 'Insert' dropdown menu to display options. An arrow points to the insert options, including call-to-action, embed, video, table, and more.

  1. 개인화 토큰을 삽입하려면 ‘개인화’를 클릭합니다.
  2. 작업이 완료되면 ‘업데이트’또는 ‘게시’를 클릭하여 변경 사항을 적용하세요.

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

  1. 콘텐츠로 이동:

  2. 콘텐츠 이름을 클릭합니다.
  3. 콘텐츠 편집기에서 서식 있는 텍스트 모듈을클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화하세요. 서식 있는 텍스트 모듈을 클릭한 다음, 사이드바 편집기에서 '확장된 보기에서 편집'을 클릭할 수도 있습니다.

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

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

  5. 콘텐츠를 블록 단위로 분리하여 보려면 '고급' 드롭다운 메뉴를 클릭하고 '블록 표시'를 선택하세요. 다시 블록 없이 콘텐츠를 보려면 '고급' 드롭다운 메뉴를 클릭하고 '블록 숨기기'를 선택하세요. 두 옵션 모두 방문자에게 표시되는 콘텐츠의 모양에는 영향을 미치지 않습니다.
  6. 작업이 완료되면 ‘업데이트’또는 ‘게시’를 클릭하여 변경 사항을 적용하세요.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.
목차 메뉴

관련 콘텐츠

New call-to-action