HTML 필드 편집기의 서식 아이콘

  • 릴리스 버전: Washingtondc
  • 업데이트 날짜 2024년 02월 01일
  • 읽기2분
  • 형식 지정 표에는 텍스트가 표시되는 방식을 제어하는 방법이 표시됩니다.

    다음 표에는 TinyMCE 및 htmlArea 편집기에서 사용할 수 있는 아이콘이 나와 있습니다. 별표(*)로 표시된 이름은 htmlArea 편집기에서 사용할 수 없습니다.

    표 1. 테이블 서식 지정
    htmlArea 아이콘 TinyMCE 아이콘 이름 설명

    굵은 html

    TinyMCE v4 굵게

    굵게

    선택한 텍스트나 현재 단어에 굵게 서식을 적용합니다.

    바로 가기 키: CTRL + B

    기울임꼴 html

    TinyMCE v4 기울임꼴

    기울임꼴

    선택한 텍스트나 현재 단어에 기울임꼴 서식을 적용합니다.

    바로 가기 키: CTRL + I

    Uline HTML

    TinyMCE v4 밑줄

    밑줄

    선택한 텍스트나 현재 단어에 밑줄 서식을 적용합니다.

    바로 가기 키: CTRL + U

    오른쪽 텍스트 정렬 HTML

    TinyMCE v4 오른쪽 정렬

    오른쪽 정렬

    현재 단락에 오른쪽 맞춤을 적용합니다.

    코드 참조: text-align:right

    텍스트 가운데 맞춤 html

    TinyMCE v4 가운데 정렬

    가운데 정렬(Align Center)

    현재 단락에 가운데 맞춤을 적용합니다.

    코드 참조: text-align:center

    왼쪽 텍스트 정렬 HTML

    TinyMCE v4 왼쪽 정렬

    왼쪽 정렬(Align Left)

    현재 단락에 왼쪽 맞춤을 적용합니다.

    코드 참조: text-align:left

    전체 텍스트 정렬 HTML

    작은 MCE v4 정당화

    양쪽 맞춤

    선을 동일한 너비로 늘리는 맞춤을 현재 단락에 적용합니다.

    코드 참조: text-align:justify

    Para 스타일 HTML

    형식 현재 단락에 단락 스타일(예: 단락, 제목 1, 서식 미리 지정됨)을 적용합니다.

    글꼴 집합 html

    TinyMCE v4 글꼴

    글꼴 집합 선택한 텍스트 또는 현재 단어에 글꼴 집합을 적용합니다.

    글꼴 크기 html

    TinyMCE v4 글꼴 크기

    글꼴 크기 선택한 텍스트 또는 현재 단어에 글꼴 크기를 적용합니다.

    글머리 기호 HTML

    TinyMCE v4 글머리 기호

    글머리 기호 목록 삽입/제거 선택한 단락에 대해 순서가 지정되지 않은 목록 태그를 적용하거나 제거합니다. 단추 옆의 화살표를 클릭하여 다른 글머리 기호 유형을 선택합니다.

    번호가 매겨진 html

    작은 MCE v4 번호

    번호를 매긴 목록 삽입/제거 선택한 단락에 대해 순서가 지정된 목록 태그를 적용하거나 제거합니다. 버튼 옆의 화살표를 클릭하여 다른 번호 유형을 선택합니다.

    들여쓰기 html

    Tiny MCE v4 내어쓰기

    들여쓰기

    현재 또는 선택한 단락에서 들여쓰기를 제거합니다(왼쪽 패딩 30px 제거, 패딩은 0 미만일 수 없음).

    코드 참조: padding-left

    들여쓰기 html

    단축 MCE v4 들여쓰기

    들여쓰기

    현재 또는 선택한 단락에 들여쓰기를 적용합니다(왼쪽 여백 30px 추가).

    코드 참조: padding-left

    텍스트 색상 html

    텍스트 색상 html

    텍스트 색상 선택 현재 단어 또는 선택한 텍스트에 글꼴 색상을 적용합니다. 버튼을 클릭하여 현재 색상을 사용하거나 버튼 옆에 있는 화살표를 클릭하여 더 많은 색상을 봅니다. 기타 색상...을 클릭하여 다양한 색상 옵션과 16진수 코드를 봅니다.

    Bg 색상 HTML

    TinyMCE v4 배경색

    배경색 선택 현재 단어 또는 선택한 텍스트에 배경색을 적용합니다. 버튼을 클릭하여 현재 색상을 사용하거나 버튼 옆에 있는 화살표를 클릭하여 더 많은 색상을 봅니다. 기타 색상...을 클릭하여 다양한 색상 옵션과 16진수 코드를 봅니다.