...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
{
"editor.toolbar": ["new","open","|", "paragraphStyleWithText", "|", "fontFamilyWithText", "|","fontSizeWithText", "|","bold", "italic", "underline", "strike", "|","fontColor", "fontBackgroundColor"]
} |
| 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) | |
| 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 | 줄자 | |
| divOutline | 레이어 외각선 보이기/감추기 | |
| accessibility | 웹접근성 검사 | |
| personalDataProtection | 개인정보보호 (검출) | |
| find | 찾기/바꾸기 |
글꼴 목록
| Status | ||
|---|---|---|
|
...
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
{
"editor.fontFamily": {
ko: [
'돋움', '굴림', '바탕', '궁서',
'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
'Lucida Sans Unicode', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'
],
en: [
'Arial', 'Comic Sans MS', 'Courier New', 'Georgia',
'Lucida Sans Unicode', 'Tahoma', 'Times New Roman', 'Trebuchet MS', 'Verdana'
]
},
} |
| 한국어일 때 (ko) | 영어일 때 (en) |
|---|---|
메뉴 설정
"editor.menu.show"키로 메뉴 사용여부를 결정한다.
...
| 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": [
"accessibility",
"personalDataProtection"
]
}
} |
| 메뉴 설정 | 결과 | 메뉴 설정 | 결과 |
|---|---|---|---|
"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": [
"accessibility",
"personalDataProtection"
] |
Import API 및 Upload API 설정
...
- 기본 스타일을 지정하여 inline-style로 랜더링 됩니다.
| Version | |||||
|---|---|---|---|---|---|
| 모델별 Default Style 지정가능 | ||||
| Body Default Style 만 지정 가능 |
| Status | ||
|---|---|---|
|
'editor.defaultStyle': 지정하고싶은 모델 Element Type에 기본 속성을 지정할 수 있습니다.
...

