사이냅 에디터 문서
Space shortcuts
Page tree

Versions Compared

Old Version 12

changes.mady.by.user 허지영

Saved on

compared with

New Version 13

changes.mady.by.user 허지영

Saved on

Key

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

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'editor.toolbar': [
	// 폼 요소 삽입 버튼들
    'formEditor_textFieldtext', 'formEditor_textarea', 'formEditor_selectBoxselect', 
    'formEditor_radio', 'formEditor_checkbox', 'formEditor_button', 
    'formEditor_hidden', 'formEditor_datalist', 'formEditor_fieldset', 'formEditor_form'
	//...
],
// ...

폼 요소 삽입 버튼 목록

KEYICON설명
formEditor_textFieldtext

텍스트 필드를 삽입합니다. (<input type="text">)

formEditor_textarea

텍스트 영역을 삽입합니다. (<textarea>)

formEditor_selectBoxselect

선택 박스를 삽입합니다. (<select>)

formEditor_radio

라디오 버튼을 삽입합니다. (<input type="radio">)

formEditor_checkbox

체크 박스를 삽입합니다. (<input type="checkbox">)
formEditor_button

버튼을 삽입합니다. (<button>)
formEditor_hidden

히든 필드를 삽입합니다. (<input type="hidden">)
formEditor_datalist

데이터 목록을 삽입합니다. (<input list="">)
formEditor_fieldset

필드셋을 삽입합니다. (<fieldset>)
formEditor_form

폼을 삽입합니다. (<form>)

...

폼 요소 속성 버튼 목록

KEYICON설명
formEditor_textFieldPropertiestextProperties

텍스트 필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_textareaProperties

텍스트 영역의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_selectProperties

선택 박스의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_radioButtonPropertiesradioProperties

라디오 버튼의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_checkboxProperties

체크 박스의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_buttonProperties

버튼의 속성을 설정하는 다이얼로그를 엽니다.

formEditor_hiddenFieldPropertieshiddenProperties

히든 필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_datalistInputProperties

데이터 목록 입력필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_datalistProperties

데이터 목록의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_labelProperties

레이블의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_fieldsetProperties

필드셋의 속성을 설정하는 다이얼로그를 엽니다.

formEditor_formProperties

폼의 속성을 설정하는 다이얼로그를 엽니다.

...

Code Block
languagejs
themeEmacs
titlesynapeditor.config.js
//...
'formEditor.config': { 
    'balloon': { 
        // 벌룬이름 : [ 나타날 버튼 이름 배열 ]
        'formEditor_text': ['formEditor_textFieldPropertiestextProperties', 'formEditor_delete'], 
        'formEditor_textarea': ['formEditor_textareaProperties', 'formEditor_delete'], 
        'formEditor_select': ['formEditor_selectProperties', 'formEditor_delete'], 
        'formEditor_radio': ['formEditor_radioButtonPropertiesradioProperties', 'formEditor_delete'], 
        'formEditor_checkbox': ['formEditor_checkboxProperties', 'formEditor_delete'], 
        'formEditor_button': ['formEditor_buttonProperties', 'formEditor_delete'], 
        'formEditor_hidden': ['formEditor_hiddenFieldPropertieshiddenProperties', 'formEditor_delete'], 
        'formEditor_datalist': ['formEditor_datalistProperties', 'formEditor_delete'], 
        'formEditor_datalistInput': ['formEditor_datalistInputProperties', 'formEditor_delete'], 
        'formEditor_label': ['formEditor_labelProperties', 'formEditor_delete'], 
        'formEditor_fieldset': ['formEditor_fieldsetProperties', 'formEditor_delete'], 
        'formEditor_form': ['formEditor_formProperties', 'formEditor_delete']
    } 
},
// ...

...