Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

TOOLBAR KEYICON설명
new

편집중인 내용을 모두 지우고 새문서
open

문서를 임포트
print

인쇄
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

Image Removed

웹접근성 검사
personalDataProtection

Image Removed

개인정보보호 (검출)
find

찾기/바꾸기
|
가로 나눔선
-
세로 나눔선



3. 글꼴 목록

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
	'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']
}]
Image RemovedImage Added






5. 언어 설정

'editor.lang.default' 키를 이용해서 기본언어를 설정합니다. 기본언어는 사용자환경에 맞는 언어가 없을 경우 표시되는 언어를 말합니다.

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
	'editor.resizable': false
}


editor.resizable : trueeditor.resizable : false (기본)

Image Modified

Image Modified

6.3 가로 스크롤

'editor.horizontalScroll' 설정을 true로 설정하면 에디터에서 가로스크롤을 사용합니다. (기본값 = true)

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
	'editor.horizontalScroll': true
}


editor.horizontalScroll : true (기본)editor.horizontalScroll : false

Image Modified

Image Modified

6.4 레이어 가이드

'editor.guide.div' 설정을 true로 설정하면 에디터에서 레이어 가이드를 표시합니다. (기본값 = false)

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
{
	'editor.table.handle': true,
}


editor.table.handle : true(기본)editor.table.handle : false

Image Modified

Image Modified

Image Modified

Image Modified



7. 고급 설정

7.1 포커스 지정

'editor.initFocus' 설정으로 에디터 첫 로딩후 안쪽으로 포커스 지정 여부를 설정합니다. (기본값 = true)

...