--- sourceDocument: 요코하마 ServiceNow AI 플랫폼 관리 sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ko-KR/yokohama/platform-administration Release : - yokohama ft:locale : - ko-KR ft:publication_title : - 요코하마 ServiceNow AI 플랫폼 관리 ft:clusterId : - platadm bundleId : - platadm workflow : - Platform --- # HTML 필드 편집기의 서식 지정 기능 # HTML 필드 편집기의 서식 지정 기능 {#ariaid-title1} * 릴리스 버전: Yokohama * * 업데이트 날짜 2025년 01월 30일 * * ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 소요 시간: 2분 서식 테이블에는 텍스트 표시 방식을 제어하는 방법이 표시됩니다. 다음 표에는 TinyMCE 및 htmlArea 편집기에서 사용할 수 있는 아이콘이 나와 있습니다. 별표(\*)로 표시된 이름은 htmlArea 편집기에서 사용할 수 없습니다. {#r_Formatting__table_q42_3gf_vq__entry__4} | 이름 | htmlArea 아이콘 | TinyMCE 아이콘 | 설명 | |-|-|-|-| | A11y 검사기 | | | 편집기에서 HTML에 다양한 WCAG 및 섹션 508 접근성 문제가 있는지 확인할 수 있습니다. `A11Y체커` | | 중심 정렬 | | ![TinyMCE v6 정렬 센터]() | 현재 단락에 가운데 맞춤을 적용합니다. [코드 참조](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:center` | | 왼쪽 맞춤 | | ![TinyMCE v6 왼쪽 정렬]() | 현재 단락에 왼쪽 맞춤을 적용합니다. [코드 참조](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:left` | | 오른쪽 맞춤 | | ![TinyMCE v6 오른쪽 정렬]() | 현재 단락에 오른쪽 맞춤을 적용합니다. [코드 참조](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:right` | | 배경색 | | ![TinyMCE v6 배경색]() | 현재 단어 또는 선택한 텍스트에 배경색을 적용합니다. 현재 색상을 사용하려면 버튼을 선택합니다. 다양한 색상 옵션과 16진수 코드를 보려면 추가 색상...을 선택하십시오. | | 블록 | | ![TinyMCE v6 블록]() | 편집 가능한 영역에서 블록 수준 요소의 가시성을 전환합니다. WYSIWYG 숨겨진 캐릭터 기능과 유사하지만 블록 수준입니다. | | \*블록 견적 | | ![TinyMCE v6 차단 따옴표]() | 현재 블록 수준 요소에 블록 따옴표 형식을 적용합니다. | | 굵게 | | ![TinyMCE v6 굵게]() | 선택한 텍스트나 현재 단어에 굵게 서식을 적용합니다. 키보드 단축키: Ctrl + B | | 글머리 기호 목록 | | ![TinyMCE v6 글머리 기호 목록]() | 선택한 단락에 대해 순서가 지정되지 않은 목록 태그를 적용하거나 제거합니다. 다른 글머리 기호 유형을 선택하려면 화살표를 선택합니다. | | 글꼴 집합 | | ![TinyMCE v6 글꼴 집합 드롭다운 메뉴]() | 선택한 텍스트 또는 현재 단어에 글꼴 집합을 적용합니다. | | 글꼴 크기 | | ![TinyMCE v6 글꼴 크기 드롭다운 메뉴]() | 선택한 텍스트나 현재 단어에 글꼴 크기를 적용합니다. | | 들여쓰기 늘리기 | | ![TinyMCE v6 들여쓰기 증가]() | 현재 또는 선택한 단락에 들여쓰기를 적용하고 왼쪽 패딩의 30px를 추가합니다. [코드 참조](http://www.w3schools.com/cssref/pr_padding-left.asp): `padding-left` | | 기울임꼴 | | ![TinyMCE v6 기울임꼴]() | 선택한 텍스트나 현재 단어에 기울임꼴 서식을 적용합니다. 키보드 단축키: Ctrl + I | | 양쪽 맞춤 | | ![TinyMCE v6 정당화]() | 선을 너비가 같도록 늘리는 맞춤을 선택한 단락에 적용합니다. [코드 참조](http://www.w3schools.com/cssref/pr_text_text-align.asp): `text-align:justify` | | \*LTR(왼쪽에서 오른쪽으로) | | ![TinyMCE v6 LTR]() | 컨텐츠의 방향성을 왼쪽에서 오른쪽으로 설정합니다. | | \*새 문서 | | ![TinyMCE v6 새 문서]() | 서식 없이 문서를 작성 합니다. | | 호환성이 손상되지 않음 | | ![TinyMCE v6 비파괴]() | 편집기에 줄 바꿈 없는 공백을 삽입합니다. | | 번호를 매긴 목록 | | ![TinyMCE v6 번호를 매긴 목록]() | 선택한 단락에 대해 순서가 지정된 목록 태그를 적용하거나 제거합니다. 다른 번호 유형을 선택하려면 화살표를 선택합니다. | | 내어쓰기 | | ![TinyMCE v6 내어쓰기]() | 현재 또는 선택한 단락 에서 들여쓰기를 제거하고 왼쪽 패딩 30px를 제거합니다. 주: 패딩은 0보다 작을 수 없습니다. [코드 참조](http://www.w3schools.com/cssref/pr_padding-left.asp): `padding-left` | | \*페이지 나누기 | | ![TinyMCE v6 페이지 나누기]() | 편집기에 페이지 나누기를 삽입합니다. | | \*형식 제거 | | ![TinyMCE v6 형식 제거]() | 선택한 텍스트에서 서식을 제거합니다. | | \*RTL(오른쪽에서 왼쪽으로) | | ![TinyMCE v6 RTL]() | 컨텐츠의 방향성을 오른쪽에서 왼쪽으로 설정합니다. | | 취소선 | | ![TinyMCE v6 스트라이크 스루]() | 선택한 텍스트에 형식을 적용하여 취소선을적용합니다. | | \*아래 첨자 | | ![TinyMCE v6 아래 첨자]() | 선택한 텍스트에 아래 첨자 형식을 적용합니다. | | \*위 첨자 | | ![TinyMCE v6 위 첨자]() | 선택한 텍스트에 위 첨자 서식을 적용합니다. | | 텍스트 색상 | ![텍스트 색상 html]() | ![TinyMCE v6 텍스트 색상]() | 선택한 텍스트에 텍스트 색을 적용합니다. 현재 색상을 사용하려면 버튼을 선택합니다. 다양한 색상 옵션과 16진수 코드를 보려면 추가 색상...을 선택하십시오. | | 밑줄 | | ![TinyMCE v6 밑줄]() | 선택한 텍스트 또는 현재 단어에 밑줄 서식을 적용합니다. 키보드 단축키: Ctrl + U | [표 1. 서식 테이블] {#r_Formatting__table_q42_3gf_vq}