It is the plugin that allows the user to edit image in SynapEditor with image editor provided by TOAST UI.

How to Use

Loading Plugin File

<link rel="stylesheet" href="URL of tuiImageEditor.min.css">
<script src="URL of tuiImageEditor.min.js"></script>

UI

You may add the button to toolbar and menu with 'tuiImageEditor', the name of the plugin.


Adding to Toolbar

//...
'editor.toolbar': [
	//...,
	'tuiImageEditor',
	//...
],
// ...


Adding to Image Balloon Popup

//...
'editor.balloon': {
	//...
	'image': [
		//...
		'tuiImageEditor',
		//...
	],
	//...
}
//...

Adding to Menu

//...
'editor.menu.definition': {
	//...,
	'tools': [
		//...,
		'tuiImageEditor',
		//...
	],
	//...
},
//...