Synap Editor Demo
Page tree

Versions Compared

Old Version 1

changes.mady.by.user Kwon JongPyo

Saved on

compared with

New Version Current

changes.mady.by.user Kwon JongPyo

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Macro name changed from html to html-bobswift during server to cloud migration processing.

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

Image Removed

체험하기

...

You may load template documents to accelerate yout editing. As for configuring template documents, please refer to "Template Configuration" page.

Experiencing

Html-bobswift
<!-- jQueryexternal 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://codewww.jquerysynapeditor.com/jquery-3.3.1/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_en.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>By clicking the Template icon (</span><img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjFEQjA5RTQ2RTA4MTFFOEE0QjVEQ0I4RjlDNjRFRTkiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjFEQjA5RTU2RTA4MTFFOEE0QjVEQ0I4RjlDNjRFRTkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MURCMDlFMjZFMDgxMUU4QTRCNURDQjhGOUM2NEVFOSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MURCMDlFMzZFMDgxMUU4QTRCNURDQjhGOUM2NEVFOSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PrBboU4AAABdSURBVHjaYvz//z8DCNja2kIYBMDhw4cZUQRABoCwjY3NfxgbG4bJo6tjYiABwFyJ7FoWYjUjOx3ZAJJcgA2w4HMqwQDEZQA2haMuGMwuoDghUTclEpulkQFAgAEAKyhVa60qh1IAAAAASUVORK5CYII=" style="width: 16px; height: 16px;"><span>)을, 클릭해서you 템플릿can 문서를load 불러a 올template 수 있습니다document.</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": "업무문서Work Documents",
		        "items": [{
		            "name": "주간업무보고서Weekly Work Report",
		            "path": "/se/resource/template/work1.html"
		        },{
		            "name": "회의록Minutes",
		            "path": "/se/resource/template/work2.html"
		        },{
		            "name": "연말결산보고서Annual Report on Final Accounts",
		            "path": "/se/resource/template/work3.html"
		        },{
		            "name": "재직증명서(영문Proof of Employment (English)",
		            "path": "/se/resource/template/work4.html"
		        }]
		    },{
		        "category": "template_resume",
        		"label": "이력서Résumé",
		        "items": [{
		            "name": "이력서Résumé",
		            "path": "/se/resource/template/resume1.html"
		        },{
		            "name": "경력증명서Certificate of Career",
		            "path": "/se/resource/template/resume2.html"
		        },{
		            "name": "이력서Résumé (경력Career+서술Description)",
		            "path": "/se/resource/template/resume3.html"
		        },{
		            "name": "이력서Résumé (상세Detail+경력Career)",
		            "path": "/se/resource/template/resume4.html"
		        },{
		            "name": "표준이력서Standard Résumé",
		            "path": "/se/resource/template/resume5.html"
		        }]
		    },{
		        "category": "template_misc",
		        "label": "기타Others",
		        "items": [{
		            "name": "강의포스터Lecture Poster",
		            "path": "/se/resource/template/misc1.html"
		        },{
		            "name": "기본리포트Basic Report",
		            "path": "/se/resource/template/misc2.html"
		        },{
		            "name": "일간플래너(달력형Daily Planner (Calender Type)",
		            "path": "/se/resource/template/misc3.html"
		        },{
		            "name": "일간플래너(리스트형Daily Planner (List Type)",
		            "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>

...