사이냅 에디터 문서
Space shortcuts
Page tree
Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 2 Next »

릴리즈 2.15.0 이상

폼 요소를 삽입하고 속성을 편집할 수 있는 폼요소편집기 플러그인입니다.




사용방법

플러그인 파일 불러오기

<!-- SynapEditor 객체가 존재해야 적용할 수 있기 때문에 에디터 스크립트 파일 아래에 include 해야 합니다 -->

<script src="formEditor.min.js의 url"></script>
<link rel="stylesheet" href="formEditor.min.css의 url">

UI

아래의 버튼 이름들을 필요에 따라 툴바 영역, 메뉴 영역에 추가할 수 있습니다.

폼요소 삽입 버튼 목록

KEYICON설명
formEditor_textField

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

formEditor_textarea

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

formEditor_selectBox

선택 박스를 삽입합니다. (<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_textFieldProperties
텍스트 필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_textareaProperties
텍스트 영역의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_selectProperties
선택 박스의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_radioButtonProperties
라디오 버튼의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_checkboxProperties
체크 박스의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_buttonProperties
버튼의 속성을 설정하는 다이얼로그를 엽니다.

formEditor_hiddenFieldProperties


히든 필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_datalistInputProperties
데이터 목록 입력필드의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_datalistProperties
데이터 목록의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_labelProperties
레이블의 속성을 설정하는 다이얼로그를 엽니다.
formEditor_fieldsetProperties
필드셋의 속성을 설정하는 다이얼로그를 엽니다.

formEditor_formProperties


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


폼요소 편집 버튼 목록

KEYICON설명
formEditor_bold
선택된 폼요소에 '굵게'를 적용합니다.
formEditor_italic
선택된 폼요소에 '기울임꼴'을 적용합니다.
formEditor_underline
선택된 폼요소에 '밑줄'을 적용합니다.
formEditor_strike
선택된 폼요소에 '취소선'을 적용합니다.
formEditor_fill
선택된 폼요소에 '채우기 색'을 적용합니다.
formEditor_borderColor
선택된 폼요소에 '테두리 색'을 적용합니다.
formEditor_lineStyle
선택된 폼요소에 '선 종류'를 적용합니다.
formEditor_fontFamily
선택된 폼요소에 '글꼴'을 적용합니다.
formEditor_fontSize
선택된 폼요소에 '글꼴 크기'을 적용합니다.
formEditor_fontColor
선택된 폼요소에 '글자색'을 적용합니다.
formEditor_align
선택된 폼요소에 '정렬'을 적용합니다.
formEditor_delete
선택된 폼요소를 삭제합니다.













  • No labels