Page tree

Versions Compared

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.

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

Image Removed

Experiencing

HTML
<!-- 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//code.jquery.com/jquery-3.3.1SEShapeManager.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_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>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>

...