텍스트박스 요소

Last updated on 8/6/2025@mrbirddev

텍스트 상자 요소는 리치 텍스트 요소입니다. 일반 텍스트 노드만큼 간단합니다. 더 강력하게는, 이 요소로 전체 기사를 작성할 수 있습니다.

( 텍스트 상자 요소로 기사를 작성하는 예시입니다 )

삽입

요소의 상단 또는 하단, 혹은 컨테이너 / 슬라이드 내부에서 아이콘을 클릭하세요.

텍스트 상자를 클릭하면 4가지 프리셋이 나타납니다. 그 중 하나를 선택하세요.

텍스트 내용 편집

데스크톱에서는 요소를 선택하고, 요소를 더블 클릭하여 텍스트 내용을 직접 편집할 수 있습니다.

모바일에서는 요소를 선택하고, 데이터 -> 텍스트 내용를 클릭하여 텍스트 내용을 편집하세요.

몇 가지 단축키를 사용하여 창작 속도를 높일 수 있습니다.

스타일링

텍스트 상자 요소에 적용할 수 있는 스타일링은 2가지 유형이 있습니다.

  • 요소 스타일링 요소 내 모든 텍스트에 적용되는 스타일을 설정합니다.
  • 인라인 스타일링 선택한 텍스트에 스타일을 설정합니다. 파워포인트 문서에서 하는 것처럼요. 요소 스타일링 위에 적용됩니다.

요소 스타일링

일반적으로 요소 수준에서 텍스트를 설정할 수 있습니다. 특히 텍스트 상자 요소 내에 단락이 하나만 있을 때 유용합니다.

기사를 작성할 때, 제목1, 제목2, 제목3에서 제목에 대한 스타일을 재정의할 수 있습니다.

더 보기를 클릭하여 스타일링 옵션의 전체 목록을 확인하세요. 예를 들어 링크는 텍스트 상자 요소 내 링크에 대한 스타일을 설정할 수 있게 해줍니다.

인라인 스타일링

인라인 스타일링

텍스트 내용을 더블 클릭하여 편집을 시작하면 인라인 스타일링 툴바가 상단에 표시됩니다 (모바일에서는 하단에 표시).

인라인 스타일링

버튼은 다음과 같습니다:

  • 다시 실행 / 실행 취소
  • 문단 유형 -> 일반, 제목1, 제목2, 제목3, 순서 있는 목록, 순서 없는 목록.
  • 굵게, 기울임 및 밑줄.
  • 인라인 링크
  • 텍스트 색상
  • 텍스트 배경 색상
  • 인라인 스타일 지우기. (HTML 웹페이지에서 무언가를 복사할 때 유용합니다).

단축키

Shift + Enter를 눌러 줄바꿈을 삽입합니다.

Enter를 눌러 새 문단 / 제목을 시작합니다.

/를 눌러 "문단, 제목1, 제목2, 제목3, 순서 있는 목록, 순서 없는 목록" 중 하나를 삽입합니다.

:를 눌러 이모지를 삽입합니다.

텍스트의 일부를 선택하고,

  • Meta + K로 인라인 링크를 삽입합니다.
  • Meta + B로 굵게 토글합니다.
  • Meta + U로 밑줄 토글합니다.
  • Meta + I로 기울임 토글합니다.

(Meta = Mac OS에서는 Command, Windows에서는 Ctrl).

프리셋

  • 일반 일반 텍스트 내용을 작성하기에 적합합니다. 다음이 적용됩니다:
    • HTML <p/> 요소가 삽입됩니다.
  • 주 제목 웹페이지 제목을 작성하기에 적합합니다 (html <h1/> 요소). 다음이 적용됩니다:
    • 텍스트 -> 글꼴 크기 = 2
    • HTML <h1/> 요소가 삽입됩니다.
  • 부 제목 보조 제목을 작성하기에 적합합니다 (html <h2/> 요소). 다음 프리셋이 적용됩니다:
    • 텍스트 -> 글꼴 크기 = 1.5
    • HTML <h2/> 요소가 삽입됩니다.
  • 기사 전체 기사를 작성하려면 이 옵션을 선택하세요. 다음이 적용됩니다:
    • 제목1 -> 글꼴 크기 비율 = 2
    • 제목2 -> 글꼴 크기 비율 = 1.5
    • 제목3 -> 글꼴 크기 비율 = 1.17
    • HTML <h1 /> <h2 /> <h3 /> <p /> 요소가 삽입됩니다.
Last updated on 8/6/2025@mrbirddev
Loading...