HTML 필드 편집기의 서식 지정 함수

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

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

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

    텍스트 가운데 맞춤 HTML

    TinyMCE v6 중앙 정렬

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

    코드 참조: text-align:center

    왼쪽 정렬(Align Left)

    왼쪽 텍스트 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(왼쪽에서 오른쪽으로)

    타이니MCE 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