Page History

...

Code Block

language	js
title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "beforeUploadImage",
	cancelable: true,
	returnValue: null,
	fileName: "filename.png", // 업로드 대상 파일 이름
	isBackground: false }

3. afterUploadImage

Status

title	릴리즈 2.2.0 이상

이미지를 업로드한 후 발생합니다.

이벤트 등록: API 사용

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);


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

...

// 배경이미지인지 여부
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "beforeUploadImage",
	cancelable: true,
	returnValue: null,
	fileType: "image", // [2.2.1] 파일 타입
	fileName: "filename.png",
	isBackground: false,
	uploadCount: 0 // [2.2.1] 업로드 중인 파일 수 (아직 업로드 되지 않은 업로드 대상 수)
}

3. afterUploadImage

Status

title	릴리즈 2.2.0 이상

이미지를 업로드한 후 발생합니다.

이벤트 등록: API 사용

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var function SynapEditorAfterUploadImage(e) {
}

editor = new SynapEditor(editorId, editorConfig, html);


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

이벤트 등록:

...

함수방식

Code Block

language	js

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

 afterUploadImage: function SynapEditorAfterUploadImage(e) {
    }
};

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

함수로 전달되는 객체 형태

...

이벤트 등록: 에디터 초기화시 등록

Code Block

language	js
title	e

{
	editor: SynapEditor,
	eventType:  "afterUploadImage",
	cancelable: false,
	returnValue: null,
	path: "/uploadvar editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var eventListeners = {
    afterUploadImage: function (e) {
    }
};

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

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

Code Block

language	js
title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "afterUploadImage",
	cancelable: false,
	returnValue: null,
	path: "/upload/path/filename.png", // 업로드된 경로
	elementId: "se-123456-abcdefg-7890", // HTML Element Id (wapper)
	isBackground: false // 배경이미지인지 여부
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "afterUploadImage",
	cancelable: false,
	returnValue: null,
	fileType: "image", // [2.2.1] 파일 타입
	path: "/upload/path/filename.png",
	elementId: "se-123456-abcdefg-7890",
	isBackground: false
}

...

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);


editor.setEventListener('beforeUploadVideo', editorConfig, html);


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

이벤트 등록: 함수방식

Code Block

language	js

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

function SynapEditorBeforeUploadVideo(e) {
}

new SynapEditor(editorId, editorConfig, html);

이벤트 등록:

...

에디터 초기화시 등록

Code Block

language	js

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

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

...

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

Code Block

language	js

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

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

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

{ editor: SynapEditor, eventType: "beforeUploadVideo", cancelable: true, returnValue: null, fileName: "filename.mp4"

Code Block

language	js
title	e


title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "beforeUploadVideo",
	cancelable: true,
	returnValue: null,
	fileName: "filename.mp4" // 업로드 대상 파일 이름
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "beforeUploadVideo",
	cancelable: true,
	returnValue: null,
	fileType: "video", // [2.2.1] 파일 타입
	fileName: "filename.mp4",
	uploadCount: 0 // [2.2.1] 업로드 중인 파일 수 (아직 업로드 되지 않은 업로드 대상 수)
}

5. afterUploadVideo

Status

title	릴리즈 2.2.0 이상

...

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);


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

이벤트 등록: 함수방식

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = editor.setEventListener('afterUploadVideo',;

function SynapEditorAfterUploadVideo(e) {
}

new SynapEditor(editorId, editorConfig, html);

이벤트 등록:

...

에디터 초기화시 등록

Code Block

language	js

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

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

...

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

Code Block

language	js
title	e

language	js

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

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

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "afterUploadVideo",
	cancelable: false,
	returnValue: null,
	path: "/upload/path/filename.mp4", // 업로드된 경로
	elementId: "se-123456-abcdefg-7890" // HTML Element Id (wapper)
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "afterUploadVideo",
	cancelable: false,
	returnValue: null,
	fileType: null,

 'video', // [2.2.1] 파일 타입
	path: "/upload/path/filename.mp4",
	elementId: "se-123456-abcdefg-7890"
}

...

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);


editor.setEventListener(editorId, editorConfig, html);


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

이벤트 등록: 함수방식

Code Block

language	js

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

function SynapEditorBeforeUploadFile(e) {
}

new SynapEditor(editorId, editorConfig, html);

이벤트 등록:

...

에디터 초기화시 등록

Code Block

language	js

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

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

...

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

Code Block

language	js

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

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

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

{ editor: SynapEditor, eventType: "beforeUploadFile", cancelable: true, returnValue: null, fileName: "filename.zip"

Code Block

language	js
title	e


title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "beforeUploadFile",
	cancelable: true,
	returnValue: null,
	fileName: "filename.zip" // 업로드 대상 파일 이름
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "beforeUploadFile",
	cancelable: true,
	returnValue: null,
	fileType: "file", // [2.2.1] 파일 타입
	fileName: "filename.zip",
	uploadCount: 0 // [2.2.1] 업로드 중인 파일 수 (아직 업로드 되지 않은 업로드 대상 수)
}

7. afterUploadFile

Status

title	릴리즈 2.2.0 이상

...

Code Block

language	js

var editorId = 'synapEditor';
var editorConfig = {};
var html = '';
var editor = new SynapEditor(editorId, editorConfig, html);


editor.setEventListener(editorId, editorConfig, html);


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

이벤트 등록: 함수방식

Code Block

language	js

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

function SynapEditorAfterUploadFile(e) {
}

new SynapEditor(editorId, editorConfig, html);

이벤트 등록:

...

에디터 초기화시 등록

Code Block

language	js

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

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

...

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

Code Block

language	js
title	e

language	js

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

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

함수로 전달되는 객체 형태

함수로 전달되는 파라미터 e의 형식

title	e

// release 2.2.0
{
	editor: SynapEditor,
	eventType:  "afterUploadFile",
	cancelable: false,
	returnValue: null,
	path: "/upload/path/filename.zip" // 업로드된 경로
}
// release 2.2.1
{
	editor: SynapEditor,
	eventType:  "afterUploadFile",
	cancelable: false,
	returnValue: null,
	fileType: "file", // [2.2.1] 파일 타입
	path: "/upload/path/filename.zip"
}

...

Space shortcuts

Page tree

Versions Compared

Old Version 25

New Version 26

Key

3. afterUploadImage

이벤트 등록: API 사용

3. afterUploadImage

이벤트 등록: API 사용

이벤트 등록:

함수방식

함수로 전달되는 객체 형태

이벤트 등록: 에디터 초기화시 등록

함수로 전달되는 객체 형태

이벤트 등록: 함수방식

이벤트 등록:

에디터 초기화시 등록

함수로 전달되는 객체 형태

함수로 전달되는 객체 형태

5. afterUploadVideo

이벤트 등록: 함수방식

이벤트 등록:

에디터 초기화시 등록

함수로 전달되는 객체 형태

함수로 전달되는 객체 형태

이벤트 등록: 함수방식

이벤트 등록:

에디터 초기화시 등록

함수로 전달되는 객체 형태

함수로 전달되는 객체 형태

7. afterUploadFile

이벤트 등록: 함수방식

이벤트 등록:

에디터 초기화시 등록

함수로 전달되는 객체 형태

함수로 전달되는 객체 형태