Page tree

Versions Compared

Key

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

...

Key

Type

Description
nameString

버튼의 이름을 설정합니다. 버튼의 이름은 고유해야 하며 필수로 설정해야 합니다.
'editor.toolbar', 'editor.balloon' 등의 옵션에 버튼을 등록할 때 사용됩니다.

Code Block
themeEmacs
{
	name: 'buttonName'
}


labelString

버튼의 레이블입니다. 툴팁으로 보여집니다.

Code Block
themeEmacs
{
	label: '버튼 레이블'
}

typeString

Status
colourYellow
title릴리즈 2.7.0 이상

버튼의 타입입니다.
'button' 또는 'dropdown' 을 설정해 버튼의 종류를 지정할 수 있습니다. (기본값: 'button')

Code Block
themeEmacs
{
	type: 'button'
}
// 또는
{
	type: 'dropdown'
}


iconSVGString

버튼에 보여질 아이콘의 SVG 태그 또는 IMG 태그 입니다. 

Code Block
themeEmacs
{
	iconSVG: '<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 16 16">....</svg>'
}
// 또는
{
	iconSVG: '<img src="data:image/png;base64,......">'
}


iconNameString

버튼에 보여질 아이콘의 이름입니다.
iconSVG 옵션이 설정되어있지 않으면 버튼의 아이콘이 에디터에 등록되어있는 아이콘들 중에서 iconName과 동일한 이름을 가진 아이콘으로 설정됩니다.

Code Block
themeEmacs
{
	iconName: 'bold'
}



버튼 정의하기

Key

Type

Description
onClickFuncFunction

버튼을 눌렀을때 수행할 동작입니다.

Code Block
themeEmacs
{
	onClickFunc: function (event) {
		// 수행할 동작
	}
}




드롭다운 정의하기

Status
colourYellow
title릴리즈 2.7.0 이상

Key

Type

Description
onClickFuncFunction드롭다운을 눌렀을때 수행할 동작입니다.
dropdownItemsObject[]드롭다운의 아이템 목록입니다.
isSingleBoolean

드롭다운을 싱글버튼으로 할 것인지 스플릿 버튼으로 할 것인지 여부를 설정합니다. (기본값: true)

Code Block
themeEmacs
{
	isSingle: true
}


isSingle: trueisSingle: false
Image AddedImage Added


useIconBoolean

드롭다운을 아이콘 버튼으로 할 것인지 텍스트 버튼으로 할 것인지 여부입니다. (기본값: false)

Code Block
themeEmacs
{
	useIcon: false
}


useIcon: trueuseIcon: false
Image AddedImage Added


useSeparatorBoolean
menuStyleBoolean