...
editor.setEventListener()
이벤트를 등록 할 때 사용하는 API입니다.
...
...
|
editor.setEventListener('이벤트이름', |
...
...
에디터 초기화시 등록
...
| Code Block |
|---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
'이벤트이름': function (e) {
}
};
new SynapEditor(editorId, editorConfig, html, eventListeners); |
함수방식 사용
...
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
function SynapEditor이벤트이름(e) { |
...
...
// ex: initialized => SynapEditorInitialized |
...
// ex: beforeUploadImage => SynapEditorBeforeUploadImage
}
new SynapEditor(editorId, editorConfig, html); |
이벤트 해제
editor.removeEventListener()
등록한 이벤트를 제거 할 때 사용하는 API 입니다.
...
| Code Block |
|---|
|
editor.removeEventListener('이벤트이름'); |
함수로 전달되는 객체 형태
| Code Block |
|---|
|
{
editor: {에디터 객체}, // 에디터
eventType: 'initialized', // 이벤트 이름
cancelable: false, // 이벤트 취소 가능 여부
returnValue: null, // 반환 값
....
} |
- editor: 이벤트가 발생한 에디터입니다.
- eventType: 이벤트 이름입니다.
- cancelable: 이벤트 취소 가능 여부입니다.
- returValue: 반환 값입니다.
이벤트 진행 취소
cancelable이 true인 경우, returnValue를 false로 설정하면 이벤트 진행을 취소할 수 있습니다.
| Code Block |
|---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
'beforeUploadImage': function (e) {
e.returnValue = false; // 업로드가 더이상 진행되지 않습니다
}
};
new SynapEditor(editorId, editorConfig, html, eventListeners); |
...
이벤트 설명
1. initialized
...
| Code Block |
|---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
initialized: function (e) {
var editor = e.editor;
},
initializedSync: function (e) {
var editor = e.editor;
}
};
new SynapEditor(editorId, editorConfig, html, eventListeners); |
함수로 전달되는 객체 형태
함수로 전달되는 파라미터 e의 형식
| Code Block |
|---|
|
{
editor: {에디터 객체},
eventType: 'initialized',
cancelable: false,
returnValue: null
} |
...
이미지를 업로드 하기 전에 발생합니다. 이벤트 진행 취소가 가능합니다.
이벤트 등록: 함수방식
| Code Block |
|---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
function SynapEditorBeforeUploadImage(e) {
}
new SynapEditor(editorId, editorConfig, html); |
...
| Code Block |
|---|
|
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
beforeUploadImage: function (e) {
}
};
new SynapEditor(editorId, editorConfig, html, eventListeners); |
함수로 전달되는 객체 형태
함수로 전달되는 파라미터 e의 형식
| Code Block |
|---|
|
{
editor: SynapEditor,
eventType: "beforeUploadImage",
cancelable: true,
returnValue: null,
fileName: "filename.png",
isBackground: false
} |