...
TOOLBAR KEY | ICON | 설명 |
---|---|---|
new | 편집중인 내용을 모두 지우고 새문서 | |
open | 문서를 임포트 | |
인쇄 | ||
pageBreak | 인쇄시 사용되는 페이지 구분자 | |
template | 템플릿 다이얼로그 | |
autoSave | 자동저장된 문서목록 | |
undo | 실행취소 | |
redo | 재실행 | |
paragraphStyle | 문단스타일 (P, H1 ~ H6) | |
paragraphStyleWithText | 문단스타일 지정버튼 드롭다운 | |
fontFamily | 글꼴을 설정 | |
fontFamilyWithText | 글꼴설정 버튼 드롭다운 | |
fontSize | 글자크기 | |
fontSizeWithText | 글자크기 드롭다운 | |
customParagraphStyle | 사용자정의 문단스타일을 보여줍니다. 사용자정의 문단스타일은 config에 설정해야합니다. | |
customRunStyle | 사용자정의 글자스타일을 보여줍니다. 사용자정의 글자스타일은 config에 설정해야합니다. | |
growFont | 글자크기 한단계 키움 | |
shrinkFont | 글자크기 한단계 줄임 | |
bold | 굵게 | |
italic | 기울임 | |
underline | 밑줄 | |
strike | 취소선 | |
superScript | 위첨자 | |
subScript | 아래첨자 | |
fontColor | 글자색 | |
fontBackgroundColor | 글자배경색 | |
align | > | 문단정렬 (드롭다운: left, center, right, justify) |
alignLeft alignCenter alignRight alignJustify | 왼쪽정렬 중앙정렬 오른쪽정렬 양쪽정렬 | |
copy | 복사 | |
cut | 잘라내기 | |
paste | 붙여넣기 | |
copyRunStyle | 서식복사 | |
pasteRunStyle | 서식붙여넣기 | |
removeRunStyle | 서식지우기 | |
link | 링크 | |
unlink | 링크해제 | |
table | 표 삽입 | |
image | 이미지 삽입 | |
background | 문서 배경 이미지 및 색 지정 | |
video | 동영상 삽입 | |
file | 파일 삽입 | |
horizontalLine | 가로줄 삽입 | |
specialCharacter | 특수문자 삽입 | |
emoji | 이모지 삽입 | |
div | 레이어 삽입 | |
drawDiv | 레이어 그리기 | |
quote | 인용문구 삽입 | |
bulletList | 글머리 기호 | |
numberedList | 글머리 번호 | |
multiLevelList | 다단계 글머리 | |
increaseIndent | 들여쓰기 | |
decreaseIndent | 내어쓰기 | |
lineHeight | 줄간격 | |
lineHeightWithText | 줄간격 버튼 | |
paragraphProperties | 문단 상세속성 편집 | |
fullScreen | 전체화면 | |
source | 소스보기 | |
preview | 미리보기 | |
ruler | 줄자 | |
divGuide | 레이어 외각선 보이기/감추기 | |
accessibility | 웹접근성 검사 | |
personalDataProtection | 개인정보보호 (검출) | |
find | 찾기/바꾸기 | |
| | 가로 나눔선 | |
- | 세로 나눔선 |
3. 글꼴 목록
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
{ 'editor.menu.definition': { 'file': [ 'new', 'open', '-', 'template', 'autoSave', 'print', 'pageBreak' ], 'edit': [ 'undo', 'redo', '-', 'copy', '-', 'find' ], 'view': [ 'fullScreen', '-', 'source', 'preview' ], 'insert': [ 'link', 'image', 'background', '-', 'video', 'file', 'horizontalLine', '-', 'specialCharacter', 'emoji' ], 'format': [ 'bold', 'italic', 'underline', 'strike', '-', 'superScript', 'subScript', '-', { 'groupName': 'list', 'subMenuItems': [ 'bulletList', 'numberedList', 'multiLevelList' ] }, 'increaseIndent', 'decreaseIndent', '-', { 'groupName': 'align', 'subMenuItems': [ 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify' ] }, { 'groupName': 'format', 'subMenuItems': [ 'copyRunStyle', 'pasteRunStyle', 'removeRunStyle' ] }, 'paragraphProperties' ], 'table': [ 'table', 'deleteTable', 'tableProperties', '-', { 'groupName': 'row', 'subMenuItems': [ 'insertRowBefore', 'insertRowAfter', 'deleteRow' ] }, { 'groupName': 'column', 'subMenuItems': [ 'insertColBefore', 'insertColAfter', 'deleteCol' ] }, { 'groupName': 'cell', 'subMenuItems': [ 'mergeCell', 'splitCell', 'cellProperties' ] } ], 'tools': [ { 'groupName': 'accessibilityconversion', 'subMenuItems': ['upperCase', 'lowerCase', 'titleCase', 'personalDataProtection''toggleCase'] } ] } } |
메뉴 설정 | 결과 | 메뉴 설정 | 결과 |
---|---|---|---|
'file': [ 'new', 'open', '-', 'template', 'autoSave', 'print', 'pageBreak' ] | 'edit': [ 'undo', 'redo', '-', 'copy', '-', 'find' ] | ||
'view': [ 'fullScreen', '-', 'source', 'preview' ] | 'insert': [ 'link', 'image', 'background', '-', 'video', 'file', 'horizontalLine', '-', 'specialCharacter', 'emoji' ] | ||
'format': [ 'bold', 'italic', 'underline', 'strike', '-', 'superScript', 'subScript', '-', { 'groupName': 'list', 'subMenuItems': [ 'bulletList', 'numberedList', 'multiLevelList' ] }, 'increaseIndent', 'decreaseIndent', '-', { 'groupName': 'align', 'subMenuItems': [ 'alignLeft', 'alignCenter', 'alignRight', 'alignJustify' ] }, { 'groupName': 'style', 'subMenuItems': [ 'copyRunStyle', 'pasteRunStyle', 'removeRunStyle' ] }, 'paragraphProperties' ] |
| 'table': [ 'table', 'deleteTable', 'tableProperties', '-', { 'groupName': 'row', 'subMenuItems': [ 'insertRowBefore', 'insertRowAfter', 'deleteRow' ] }, { 'groupName': 'column', 'subMenuItems': [ 'insertColBefore', 'insertColAfter', 'deleteCol' ] }, { 'groupName': 'cell', 'subMenuItems': [ 'mergeCell', 'splitCell', 'cellProperties' ] } ] | |
'tools': [{ 'groupName': 'accessibilityconversion', 'subMenuItems': ['upperCase', 'lowerCase', 'personalDataProtectiontitleCase', 'toggleCase'] }] |
5. 언어 설정
'editor.lang.default' 키를 이용해서 기본언어를 설정합니다. 기본언어는 사용자환경에 맞는 언어가 없을 경우 표시되는 언어를 말합니다.
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
{ 'editor.resizable': false } |
editor.resizable : true | editor.resizable : false (기본) |
---|---|
6.3 가로 스크롤
'editor.horizontalScroll' 설정을 true로 설정하면 에디터에서 가로스크롤을 사용합니다. (기본값 = true)
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
{ 'editor.horizontalScroll': true } |
editor.horizontalScroll : true (기본) | editor.horizontalScroll : false |
---|---|
6.4 레이어 가이드
'editor.guide.div' 설정을 true로 설정하면 에디터에서 레이어 가이드를 표시합니다. (기본값 = false)
...
Code Block | ||||||
---|---|---|---|---|---|---|
| ||||||
{ 'editor.table.handle': true, } |
editor.table.handle : true(기본) | editor.table.handle : false |
---|---|
7. 고급 설정
7.1 포커스 지정
'editor.initFocus' 설정으로 에디터 첫 로딩후 안쪽으로 포커스 지정 여부를 설정합니다. (기본값 = true)
...