| 이벤트 이름 | 버전 | 설명 |
|---|---|---|
| 에디터가 초기화되었을 때 발생합니다 | ||
| 이미지를 업로드 하기 전에 발생합니다 | ||
| afterUploadImage | 이미지 업로드가 완료된 후 발생합니다 | |
| beforeUploadVideo | 비디오를 업로드 하기 전에 발생합니다 | |
| afterUploadVideo | 비디오 업로드가 완료된 후 발생합니다 | |
| beforeUploadFile | 파일을 업로드 하기 전에 발생합니다 | |
| afterUploadFile | 파일 업로드가 완료된 후 발생합니다 | |
| beforeOpenDocument | 문서를 열기 전(임포트 전) 발생합니다 | |
| afterOpenDocument | 문서가 열린 후(임포트 이후) 발생합니다. | |
| beforeNewDocument | 새문서를 하기 전 발생합니다. | |
| afterNewDocument | 새문서를 한 이후 발생합니다. | |
| onSelection | 캐럿 이동 및 셀렉션 확장 등의 셀렉션 동작을 할 때 발생합니다. | |
| beforeCopy | 에디터 편집 영역에서 복사를 했을 때 복사하기 전에 발생합니다. 이 이벤트를 통해 복사된 HTML의 내용을 확인하거나, 복사될 HTML을 설정할 수 있습니다. | |
| beforePaste | 붙여넣기 전에 발생합니다. | |
| afterPaste | 붙여넣기 후 발생합니다. | |
| afterEdit | 문서를 편집한 이후 발생합니다. | |
| autoAction | 사용자 정의 입력 액션 실행 시 발생합니다. |
이벤트를 등록 할 때 사용하는 API입니다.
editor.setEventListener('이벤트이름', function(e) {
}); |
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); |
등록한 이벤트를 제거 할 때 사용하는 API 입니다.
editor.removeEventListener('이벤트이름'); |
{
editor: {에디터 객체}, // 에디터
eventType: 'initialized', // 이벤트 이름
cancelable: false, // 이벤트 취소 가능 여부
returnValue: null, // 이벤트 취소 여부
....
} |
cancelable이 true인 경우, returnValue를 false로 설정하면 이벤트 진행을 취소할 수 있습니다.
var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
'beforeUploadImage': function (e) {
e.returnValue = false; // 업로드가 더이상 진행되지 않습니다
}
};
new SynapEditor(editorId, editorConfig, html, eventListeners); |