Page tree

Versions Compared

Key

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

...

Code Block
languagejs
themeEmacs
titleconfig.json
{
	"editor.toolbar": ["new","open","|", "paragraphStyleWithText", "|", "fontFamilyWithText", "|","fontSizeWithText", "|","bold", "italic", "underline", "strike", "|","fontColor", "fontBackgroundColor"]
}


TOOLBAR KEYICON설명
new

Image Modified

편집중인 내용을 모두 지우고 새문서를 만든다.
open

Image Modified

문서를 임포트한다.
print

Image Modified

인쇄를 한다
pageBreak

Image Modified

인쇄시 사용되는 페이지 구분자를 추가한다
template

Image Modified

템플릿 다이얼로그를 연다
autoSave

Image Modified

자동저장된 문서목록을 불러온다
undo

Image Modified

실행취소
redo

Image Modified

재실행
paragraphStyle

Image Modified

문단스타일을 지정한다 (P, H1 ~ H6)
paragraphStyleWithText

Image Modified

문단스타일 지정버튼을 드롭다운 형태로 보여준다
fontFamily

Image Modified

글꼴을 설정한다
fontFamilyWithText

Image Modified

글꼴설정 버튼을 드롭다운 형태로 보여준다
fontSize

Image Modified

글자크기를 설정한다
fontSizeWithText

Image Modified

글자크기 설정버튼을 드롭다운 형태로 보여준다
customParagraphStyle

Image Modified

사용자정의 문단스타일을 보여준다.
사용자정의 문단스타일은 config에 설정해야한다.
customRunStyle

Image Modified

사용자정의 글자스타일을 보여준다.
사용자정의 글자스타일은 config에 설정해야한다.
growFont

Image Modified

글자크기를 한단계 키운다.
shrinkFont

Image Modified

글자크기를 한단계 줄인다.
bold

Image Modified

굵게
italic

Image Modified

기울임
underline

Image Modified

밑줄
strike

Image Modified

취소선
superScript

Image Modified

위첨자
subScript

Image Modified

아래첨자
fontColor

Image Modified

글자색
fontBackgroundColor

Image Modified

글자배경색
align

Image Modified

문단정렬 (left, center, right, justify)
copy

Image Modified

복사
cut

Image Modified

잘라내기
paste

Image Modified

붙여넣기
copyRunStyle

Image Modified

서식복사
pasteRunStyle

Image Modified

서식붙여넣기
removeRunStyle

Image Modified

서식지우기
link

Image Modified

링크
unlink

Image Modified

링크해제
table

Image Modified

표 삽입
image

Image Modified

이미지 삽입
background

Image Modified

문서 배경 이미지 및 색 지정
video

Image Modified

동영상 삽입
file

Image Modified

파일 삽입
horizontalLine

Image Modified

가로줄 삽입
specialCharacter

Image Modified

특수문자 삽입
emoji

Image Modified

이모지 삽입
div

Image Modified

레이어 삽입
drawDiv

Image Modified

레이어 그리기
quote

Image Modified

인용문구 삽입
bulletList

Image Modified

글머리 기호
numberedList

Image Modified

글머리 번호
multiLevelList

Image Modified

다단계 글머리
increaseIndent

Image Modified

들여쓰기
decreaseIndent

Image Modified

내어쓰기
lineHeight

Image Modified

줄간격
lineHeightWithText

Image Modified

줄간격 버튼을 드롭다운 형태로 보여준다.
paragraphProperties

Image Modified

문단 상세속성 편집
fullScreen

Image Modified

전체화면
source

Image Modified

소스보기
preview

Image Modified

미리보기
ruler

Image Modified

줄자
divOutline

Image Modified

레이어 외각선 보이기/감추기
accessibility

Image Modified

웹접근성 검사
personalDataProtection

Image Modified

개인정보보호 (검출)
find

Image Modified

찾기/바꾸기


글꼴 목록

Status
title릴리즈 2.1.0 이상

...

Code Block
languagejs
themeEmacs
titleconfig.json
{
	"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)

Image ModifiedImage ModifiedImage Modified

Image ModifiedImage Modified



메뉴 설정

"editor.menu.show"키로 메뉴 사용여부를 결정한다.

...

Code Block
languagejs
themeEmacs
titleconfig.json
{
	"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"
]

Image Modified

"edit": [
    "undo",
    "redo",
    "-",
    "copy",
    "-",
    "find"
]


 
Image Modified

"view": [
    "fullScreen",
    "-",
    "source",
    "preview"
]

Image Modified

"insert": [
    "link",
    "image",
    "background",
    "-",
    "video",
    "file",
    "horizontalLine",
    "-",
    "specialCharacter",
    "emoji"
]

Image Modified

"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"
]

Image Modified 

"table": [
    "table",
    "deleteTable",
    "tableProperties",
    "-",
    {
        "groupName": "row",
        "subMenuItems": [
            "insertRowBefore",
            "insertRowAfter",
            "deleteRow"
        ]
    },
    {
        "groupName": "column",
        "subMenuItems": [
            "insertColBefore",
	          "insertColAfter",
	          "deleteCol"
        ]
    },
    {
        "groupName": "cell",
        "subMenuItems": [
            "mergeCell",
            "splitCell",
            "cellProperties"
        ]
    }
]

Image Modified

"tools": [
    "accessibility",
    "personalDataProtection"
]

Image Modified




Import API 및 Upload API 설정

...

  • 기본 스타일을 지정하여 inline-style로 랜더링 됩니다.



Version

Status
title릴리즈 2.2.0 이상

모델별 Default Style 지정가능

Status
title릴리즈 2.1.0 이상

Body Default Style 만 지정 가능


Status
title릴리즈 2.2.0 이상

'editor.defaultStyle': 지정하고싶은 모델 Element Type에 기본 속성을 지정할 수 있습니다.

...