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

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

마지막 업데이트 날짜: 2025년 10월 21일

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

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

참고: 지식창고 문서 편집기에서는 일부 서식 있는 텍스트 편집 기능을 사용할 수 없습니다.

서식 있는 텍스트 모듈에서 텍스트 서식 지정하기

  1. 콘텐츠로 이동합니다:

    • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
    • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
    • 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
  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. 글머리 기호 목록에 텍스트를 추가하려면 더보기 드롭다운 메뉴를 클릭합니다. 그런 다음 bulletList 글머리 기호 목록 아이콘을 클릭합니다. 목록의 형식을 변경하려면 글머리 기호 목록 드롭다운 메뉴를 클릭하고 bulletDiamond 형식을 선택합니다.

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. 텍스트의 들여쓰기를 늘리거나 줄이려면 indent 들여쓰기 늘리기 또는 outdentIcon 들여쓰기 줄이기 아이콘을 클릭합니다.
  4. 텍스트에 적용된 스타일을 제거하려면 removeTextStyle 스타일 지우기 아이콘을 클릭합니다.
  5. 서식을 추가하려면 추가 드롭다운 메뉴를 클릭하고 strike 취소선, superscript 위 첨자 또는 subscript 아래 첨자 아이콘을 선택합니다.
  6. 텍스트를 코드로 서식을 지정하려면 자세히 드롭다운 메뉴를 클릭하고 code 코드 서식 아이콘을 선택합니다.
  7. 완료했으면 업데이트 또는 게시를 클릭하여 변경 사항을 적용합니다.

서식 있는 텍스트 모듈에 요소 추가하기

  1. 콘텐츠로 이동합니다:

    1. 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
    2. 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
    3. 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
    4. 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
  2. 콘텐츠의 이름을 클릭합니다.
  3. 콘텐츠 편집기에서 서식 있는텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다. 서식 있는 텍스트 모듈을 클릭한 다음 사이드바 편집기에서 확장 보기에서 수정을 클릭할 수도 있습니다.
  4. 링크를 삽입하려면 텍스트를 강조 표시한 다음 link 링크 삽입 아이콘을 클릭합니다. HubSpot에서 링크 작업에 대해 자세히 알아보세요.
  5. 이미지를 삽입하려면 insertImage 이미지 삽입 아이콘을 클릭합니다. HubSpot에서 이미지 작업에 대해 자세히 알아보세요.
  6. 이모티콘을 삽입하려면 emoji 이모티콘 삽입 아이콘을 클릭합니다.
  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. 개인화 토큰을 삽입하려면 개인화를 클릭합니다.
    • 팝업 상자에서 유형 드롭다운 메뉴를 클릭하고 토큰 유형을 선택합니다.
    • 토큰 드롭다운 메뉴를 클릭하고 토큰을 선택합니다. HubSpot에서 개인화 토큰으로 작업하는 방법에 대해 자세히 알아보세요.
  2. 완료했으면 업데이트 또는 게시를 클릭하여 변경 사항을 실시간으로 적용합니다.

서식 있는 텍스트 모듈에서 고급 편집 기능 사용

  1. 콘텐츠로 이동합니다:

    • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
    • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
    • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
    • 지식 베이스: HubSpot 계정에서 서비스 > 기술 자료로 이동합니다.
  2. 콘텐츠의 이름을 클릭합니다.
  3. 콘텐츠 편집기에서 서식 있는텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다. 서식 있는 텍스트 모듈을 클릭한 다음 사이드바 편집기에서 확장 보기에서 편집을 클릭할 수도 있습니다.
  4. 모듈의 소스 코드에 액세스하려면 고급 드롭다운 메뉴를 클릭하고 소스 코드를 선택합니다. 대화 상자에서 소스 코드를 편집한 다음 변경 사항 저장을 클릭합니다.
  5. 콘텐츠를 콘텐츠 블록으로 구분하여 보려면 고급 드롭다운 메뉴를 클릭하고 블록 표시를 선택합니다. 블록 없이 콘텐츠를 다시 보려면 고급 드롭다운 메뉴를 클릭하고 블록 숨기기를 선택합니다. 두 옵션 모두 콘텐츠가 방문자에게 표시되는 방식에는 영향을 주지 않습니다.
  6. 완료했으면 업데이트 또는 게시를 클릭하여 변경 사항을 적용합니다.
이 문서가 도움이 되었나요?
이 양식은 문서 피드백에만 사용됩니다. HubSpot으로 도움을 받는 방법 알아보기.
목차 메뉴

관련 콘텐츠

New call-to-action