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

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

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

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

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 콘텐츠 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다.
• 서식 있는 텍스트 모듈에서 텍스트를 강조 표시합니다.
• 콘텐츠에서 텍스트의 비교 크기와 중요도를 설정하려면 스타일 드롭다운 메뉴를 클릭하고 옵션을 선택합니다.
• 텍스트의 글꼴을 설정하려면 글꼴 드롭다운 메뉴를 클릭하고 글꼴을 선택합니다. HubSpot에서 글꼴 작업에 대해 자세히 알아보세요.
• 텍스트의 크기를 설정하려면 글꼴 크기 드롭다운 메뉴를 클릭하고 픽셀 단위의 크기를 선택합니다.
• 텍스트를 굵게, 이탤릭체 또는 밑줄로 만들려면 bold 스타일링 아이콘을 클릭합니다.
• 텍스트의 색상을 변경하려면 textColor 텍스트 색상 아이콘을 클릭한 다음 색상을 선택합니다. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭합니다.
• 텍스트의 배경색을 설정하려면 highlight 배경색 아이콘을 클릭한 다음 색상을 선택합니다. 16진수 또는 RGB 색상 코드를 사용하거나 사용자 지정 색상을 선택하려면 고급 탭을 클릭합니다.

• 텍스트의 맞춤을 변경하려면 alignLeft 맞춤 드롭다운 메뉴를 클릭하고 alignCenter 맞춤 아이콘을 선택합니다.
• 글머리 기호 목록에 텍스트를 추가하려면 bulletList 글머리 기호 목록 아이콘을 클릭합니다. 목록의 형식을 변경하려면 글머리 기호 목록 드롭다운 메뉴를 클릭하고 bulletDiamond 형식을 선택합니다.
• 번호 매기기 목록에 텍스트를 추가하려면 numberList 번호 매기기 목록 아이콘을 클릭합니다. 목록의 형식을 변경하려면 번호 매기기 목록 드롭다운 메뉴를 클릭하고 bulletLowerAlpha 형식을 선택합니다.
• 텍스트의 줄 높이를 설정하려면 lineHeight 줄 높이 드롭다운 메뉴를 클릭하고 높이를 선택합니다.
• 텍스트의 들여쓰기를 늘리거나 줄이려면 indent 들여쓰기 늘리기 또는 들여쓰기 줄이기 아이콘을 클릭합니다.
• 텍스트에 적용된 스타일을 제거하려면 removeTextStyle 스타일 지우기 아이콘을 클릭합니다.
• 서식을 추가하려면 추가 드롭다운 메뉴를 클릭하고 strike 취소선, superscript 위 첨자 또는 subscript 아래 첨자 아이콘을 선택합니다.
• 텍스트를 코드로 서식을 지정하려면 추가 드롭다운 메뉴를 클릭하고 code 코드 서식 아이콘을 선택합니다.

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

• 콘텐츠로 이동합니다:

  • 웹사이트 페이지: HubSpot 계정에서 콘텐츠 > 웹사이트 페이지로 이동합니다.
  • 랜딩 페이지: HubSpot 계정에서 콘텐츠 > 랜딩 페이지로 이동합니다.
  • 블로그HubSpot 계정에서 콘텐츠 > 블로그로 이동합니다.
  • 지식 베이스: HubSpot 계정에서 콘텐츠 > 기술 자료로 이동합니다.

• 콘텐츠의 이름을 클릭합니다.
• 콘텐츠 편집기에서 서식 있는 텍스트 모듈을 클릭하여 편집기 상단의 서식 있는 텍스트 도구 모음을 활성화합니다.
• 링크를 삽입하려면 텍스트를 강조 표시한 다음 link 링크 삽입 아이콘을 클릭합니다. HubSpot에서 링크 작업에 대해 자세히 알아보세요.
• 이미지를 삽입하려면 insertImage 이미지 삽입 아이콘을 클릭합니다. HubSpot에서 이미지 작업에 대해 자세히 알아보세요.
• 이모티콘을 삽입하려면 emoji 이모티콘 삽입 아이콘을 클릭합니다.
• 콜투액션을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 콜투액션을 선택합니다. HubSpot에서 콜투액션 작업에 대해 자세히 알아보세요.
• 임베드 코드를 삽입하려면 삽입 드롭다운 메뉴를 클릭한다음 임베드를 선택합니다. HubSpot에서 콘텐츠 임베드에 대해 자세히 알아보세요.
• 동영상을 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 동영상 위로 마우스를 가져간 다음 HubSpot 동영상 또는 외부 동영상을 선택합니다. HubSpot에서 동영상 작업에 대해 자세히 알아보세요.
• 표를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 표 위로 마우스를 가져가서 표의 크기를 선택합니다. HubSpot에서 표로 작업하는 방법에 대해 자세히 알아보세요.
• 특수 문자를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 특수 문자를 선택합니다. 팝업 상자에서 특수 문자를 클릭합니다.
• 특수 문자를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 아이콘을 선택합니다. 팝업 상자에서 아이콘을 클릭합니다. HubSpot에서 아이콘 작업에 대해 자세히 알아보세요.
• 앵커 링크를 삽입하려면 삽입 드롭다운 메뉴를 클릭한 다음 앵커를 선택합니다. HubSpot에서 앵커 링크로 작업하는 방법에 대해 자세히 알아보세요.
• 가로줄을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 가로줄을 선택합니다.
• 나누지 않는 공백을 삽입하려면 삽입 드롭다운 메뉴를 클릭하고 나누지 않는 공백을 선택합니다.
• 개인화 토큰을 삽입하려면 개인화를 클릭합니다. 팝업 상자에서 유형 드롭다운 메뉴를 클릭하고 토큰 유형을 선택한 다음 토큰을 클릭합니다. HubSpot에서 개인화 토큰으로 작업하는 방법에 대해 자세히 알아보세요.