이벤트

이벤트 타입

이벤트 등록

API 사용하기

editor.setEventListener()

이벤트를 등록하는 API입니다.

editor.setEventListener('eventName', function(e) {
});

에디터 초기화 시 등록

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
    'eventName': function (e) {
    }
};

new SynapEditor(editorId, editorConfig, html, eventListeners);

함수 방식

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';

function SynapEditorEventName(e) {
    // The event name starts with an uppercase letter
    // ex: initialized => SynapEditorInitialized
    // ex: beforeUploadImage => SynapEditorBeforeUploadImage
}

new SynapEditor(editorId, editorConfig, html);

이벤트 제거

API 사용하기

editor.removeEventListener()

등록된 이벤트를 제거하는 데 사용되는 API입니다.

editor.removeEventListener('eventName');

함수에 전달된 객체의 Shape

{
    editor: {editor object}, // editor
    eventType: 'initialized', // event name
    cancelable: false,        // whether the event can be cancelled
    returnValue: null,        // whether the event is cancelled
    ....
}

• editor: 이벤트가 발생한 에디터.
• eventType: 이벤트 이름.
• cancelable: 이벤트를 취소할 수 있는지 여부.
• returnValue: 취소 가능한 이벤트(cancelable: true)의 경우, 이벤트 진행을 취소하려면 false를 전달합니다.

이벤트 진행 취소

cancelable이 true인 경우, returnValue를 false로 설정하여 이벤트 진행을 취소할 수 있습니다.

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
    'beforeUploadImage': function (e) {
        e.returnValue = false; // The upload will not proceed any further
    }
};

new SynapEditor(editorId, editorConfig, html, eventListeners);