HTML 필드 편집기의 서식 지정 기능

  • 릴리스 버전: Yokohama
  • 업데이트 날짜 2025년 01월 30일
  • 읽기2분
  • 서식 테이블에는 텍스트 표시 방식을 제어하는 방법이 표시됩니다.

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

    표 1. 서식 표
    이름 htmlArea 아이콘 TinyMCE 아이콘 설명
    A11y 검사기 편집기에서 다양한 WCAG 및 섹션 508 접근성 문제에 대해 HTML을 확인할 수 있습니다. a11ychecker
    가운데 맞춤

    가운데 텍스트 맞춤 HTML

    TinyMCE v6 중앙 정렬

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

    코드 참조: text-align:center

    왼쪽 맞춤

    왼쪽 텍스트 HTML 맞춤

    TinyMCE v6 왼쪽 정렬

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

    코드 참조: text-align:left

    오른쪽 정렬

    오른쪽 텍스트 HTML 맞춤

    TinyMCE v6 오른쪽 정렬

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

    코드 참조: text-align:right

    배경색

    배경색 html

    TinyMCE v6 배경색

    현재 단어 또는 선택한 텍스트에 배경색을 적용합니다. 현재 색상을 사용하려면 버튼을 선택합니다. 더 많은 색상...을 선택하여 다양한 색상 옵션과 16진수 코드를 볼 수 있습니다.
    블록

    단락 스타일 html

    TinyMCE v6 블록

    편집 가능한 영역에서 블록 수준 요소의 가시성을 전환합니다. WYSIWYG 숨겨진 문자 기능과 유사하지만 블록 수준입니다.
    *블록 견적

    TinyMCE v6 인용 부호

    현재 블록 수준 요소에 블록 견적 형식을 적용합니다.
    굵게

    굵은 HTML

    TinyMCE v6 굵게

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

    키보드 단축키: Ctrl+B

    글머리 기호 목록

    글머리 기호 HTML

    TinyMCE v6 글머리 기호 목록

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

    글꼴 집합 html 드롭다운 메뉴

    TinyMCE v6 글꼴 집합 드롭다운 메뉴

    선택한 텍스트나 현재 단어에 글꼴 모음을 적용합니다.
    글꼴 크기

    글꼴 크기 html

    TinyMCE v6 글꼴 크기 드롭다운 메뉴

    선택한 텍스트나 현재 단어에 글꼴 크기를 적용합니다.
    들여쓰기

    들여쓰기 html

    TinyMCE v6 들여쓰기

    현재 또는 선택한 단락에 들여쓰기를 적용하고 30px의 왼쪽 패딩을 추가합니다.

    코드 참조: padding-left

    기울임꼴

    기울임꼴 html

    TinyMCE v6 기울임꼴

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

    키보드 단축키: CTRL + I

    양쪽 맞춤

    전체 텍스트 HTML 정렬

    TinyMCE v6 정당화

    선이 동일한 너비가 되도록 늘어나는 양쪽 맞춤 정렬을 선택한 단락에 적용합니다.

    코드 참조: text-align:justify

    *LTR(왼쪽에서 오른쪽으로)

    TinyMCE v6 LTR

    내용의 방향성을 왼쪽에서 오른쪽으로 설정합니다.
    *새 문서

    TinyMCE v6 새 문서

    서식 없이 문서를 작성합니다 .
    줄 바꿈 아님

    TinyMCE v6 비 파손

    줄 바꿈하지 않는 공백을 편집기에 삽입합니다.
    번호를 매긴 목록

    번호가 매겨진 html

    TinyMCE v6 번호 매기기 목록

    선택한 단락에 대해 순서가 지정된 목록 태그를 적용하거나 제거합니다. 화살표를 선택하여 다른 번호 유형을 선택합니다.
    내어쓰기

    들여쓰기 HTML 줄이기

    TinyMCE v6 내어쓰기

    현재 또는 선택한 단락 에서 들여쓰기를 제거하고 30px의 왼쪽 패딩을 제거합니다.

    주:
    패딩은 0보다 작을 수 없습니다.

    코드 참조: padding-left

    *페이지 나누기

    TinyMCE v6 페이지 나누기

    편집기에 페이지 나누기를 삽입합니다.
    *형식 제거

    TinyMCE v6 형식 제거

    선택한 텍스트에서 서식을 제거합니다.
    *RTL(오른쪽에서 왼쪽으로)

    타이니MCE v6 RTL

    내용의 방향을 오른쪽에서 왼쪽으로 설정합니다.
    취소선

    TinyMCE v6 취소선

    선택한 텍스트에 트라이크 스태프 팅 서식을 적용합니다.
    *아래 첨자

    TinyMCE v6 첨자

    선택한 텍스트에 아래 첨자 서식을 적용합니다.
    *위 첨자

    TinyMCE v6 위 첨자

    선택한 텍스트에 위 첨자 서식을 적용합니다.
    텍스트 색상

    텍스트 색상 html

    TinyMCE v6 텍스트 색상

    선택한 텍스트에 텍스트 색을 적용합니다. 현재 색상을 사용하려면 버튼을 선택합니다. 더 많은 색상...을 선택하여 다양한 색상 옵션과 16진수 코드를 볼 수 있습니다.
    밑줄

    HTML 밑줄

    TinyMCE v6 밑줄

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

    키보드 단축키: CTRL + U