템플릿 문서를 불러와서 빠르게 편집 할 수 있습니다. 템플릿 문서 설정은 "템플릿 설정" 페이지를 참고하세요.

체험하기

<!-- external modules -->
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script>
<script type="text/javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script>
<link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.css'>

<!-- Synap Editor -->
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config.js'></script>
<script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script>
<link href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>

<div style="background-color: #ffffff; width:99%; height:500px;">
        <div id="synapEditor">
			<p>
				<span>템플릿 아이콘(</span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFEQjA5RTQ2RTA4MTFFOEE0QjVEQ0I4RjlDNjRFRTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFEQjA5RTU2RTA4MTFFOEE0QjVEQ0I4RjlDNjRFRTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MURCMDlFMjZFMDgxMUU4QTRCNURDQjhGOUM2NEVFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MURCMDlFMzZFMDgxMUU4QTRCNURDQjhGOUM2NEVFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrBboU4AAABdSURBVHjaYvz//z8DCNja2kIYBMDhw4cZUQRABoCwjY3NfxgbG4bJo6tjYiABwFyJ7FoWYjUjOx3ZAJJcgA2w4HMqwQDEZQA2haMuGMwuoDghUTclEpulkQFAgAEAKyhVa60qh1IAAAAASUVORK5CYII=" style="width: 16px; height: 16px;"><span>)을 클릭해서 템플릿 문서를 불러 올 수 있습니다.</span>
			</p>
		</div>
</div>
<script>
		const config = Object.assign(synapEditorConfig, {
			"editor.license":"/se/resource/license.json",
			"editor.toolbar": ["new","template"],
			"editor.menu.show": false,
			"editor.template": [{
        	"category": "template_work",
		        "label": "업무문서",
		        "items": [{
		            "name": "주간업무보고서",
		            "path": "/se/resource/template/work1.html"
		        },{
		            "name": "회의록",
		            "path": "/se/resource/template/work2.html"
		        },{
		            "name": "연말결산보고서",
		            "path": "/se/resource/template/work3.html"
		        },{
		            "name": "재직증명서(영문)",
		            "path": "/se/resource/template/work4.html"
		        }]
		    },{
		        "category": "template_resume",
        		"label": "이력서",
		        "items": [{
		            "name": "이력서",
		            "path": "/se/resource/template/resume1.html"
		        },{
		            "name": "경력증명서",
		            "path": "/se/resource/template/resume2.html"
		        },{
		            "name": "이력서(경력+서술)",
		            "path": "/se/resource/template/resume3.html"
		        },{
		            "name": "이력서(상세+경력)",
		            "path": "/se/resource/template/resume4.html"
		        },{
		            "name": "표준이력서",
		            "path": "/se/resource/template/resume5.html"
		        }]
		    },{
		        "category": "template_misc",
		        "label": "기타",
		        "items": [{
		            "name": "강의포스터",
		            "path": "/se/resource/template/misc1.html"
		        },{
		            "name": "기본리포트",
		            "path": "/se/resource/template/misc2.html"
		        },{
		            "name": "일간플래너(달력형)",
		            "path": "/se/resource/template/misc3.html"
		        },{
		            "name": "일간플래너(리스트형)",
		            "path": "/se/resource/template/misc4.html"
		        }]
		    }],
			"editor.import.maxSize": 10485760,
		    "editor.import.api": "/se/importDoc",
		    "editor.upload.maxSize": 3145728,
		    "editor.upload.image.api": "/se/uploadFile",
		    "editor.upload.video.api": "/se/uploadFile",
		    "editor.upload.file.api": "/se/uploadFile"
			});
		window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML);
</script>