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

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

<!-- plugins -->
<!-- plugins: tuiImageEditor -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditor.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditor.min.css">

<!-- plugins: webAccessibilityChecker -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/webAccessibilityChecker/webAccessibilityChecker.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/webAccessibilityChecker/webAccessibilityChecker.min.css">

<!-- plugins: webSpellChecker -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/webSpellChecker/webSpellChecker.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/webSpellChecker/webSpellChecker.min.css">

<!-- plugins: characterPicker -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/characterPicker/characterPicker.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/characterPicker/characterPicker.min.css">

<!-- plugins: personalDataProtection -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/personalDataProtection/personalDataProtection.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/personalDataProtection/personalDataProtection.min.css">

<!-- plugins: quoteExtension -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/quoteExtension/quoteExtension.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/quoteExtension/quoteExtension.min.css">

<!-- plugins: horizontalLineExtension -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/horizontalLineExtension/horizontalLineExtension.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/horizontalLineExtension/horizontalLineExtension.min.css">

<!-- plugins: forbiddenWordDetection -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/forbiddenWordDetection/forbiddenWordDetection.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/forbiddenWordDetection/forbiddenWordDetection.min.css">

<!-- plugins: shapeEditor -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/shapeEditor/shapeEditor.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/shapeEditor/shapeEditor.min.css">

<!-- plugins: formEditor -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/formEditor/formEditor.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/formEditor/formEditor.min.css">

<!-- plugins: mathType -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/mathType/wirisplugin-generic.js"></script>
<script type="text/javascript" src="/se/resource/synapeditor/plugins/mathType/mathType.min.js"></script>

<!-- plugins: aiWriteSupporter -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/aiWriteSupporter/aiWriteSupporter.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/aiWriteSupporter/aiWriteSupporter.min.css">

<!-- plugins: ocr -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/ocr/ocr.min.js"></script>
<link rel="stylesheet" href="/se/resource/synapeditor/plugins/ocr/ocr.min.css">

<!-- plugins: placeholder -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/placeholder/placeholder.min.js"></script>

<!-- plugins: placeholder -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/ogParser/ogParser.min.js"></script>

<!-- 본문 시작 -->
<div style="background-color: #ffffff; width:99%; height:600px;">
	<div id="synapEditor"></div>
</div>
<script>
window.onload = function () {
	synapEditorConfig['editor.mode.sticky'] = false; // 2019. 05. 07 jy 추가
	synapEditorConfig['editor.toolbar'] = [
		'new', 'open', 'template', 'layout', 'autoSave', '|',
		'print', 'pageBreak', 'contentsProperties', '|',
		'undo', 'redo', '|',
		'copy', 'cut', 'paste', '|',
		'copyRunStyle', 'pasteRunStyle', '|',
		'ruler', 'guide', 'source', 'preview', 'fullScreen', '|',
		'webSpellChecker', 'webAccessibilityChecker', 'personalDataProtection', 'forbiddenWordDetection', 'find', 'conversion', '|',
		'help', 'about', '-',
		'bulletList', 'numberedList', 'multiLevelList', '|',
		'alignLeft', 'alignCenter', 'alignRight', 'alignJustify', '|',
		'decreaseIndent', 'increaseIndent', '|',
		'paragraphProperties', '|',
		'link', 'unlink', 'bookmark', '|',
        'ocr', 'openTextAI', 'openImageAI', '|',
		'image', 'background', 'video', 'file', '|',
		'mathType.math', 'mathType.chem', '|',
		'table', 'div', 'drawAbsolutePositionDiv', 'horizontalLine', 'quote', '|', 'selectionMode', 'shapeEditor',
		'specialCharacter', 'emoji', '-',
		'paragraphStyleWithText', '|',
		'fontFamilyWithText', '|',
		'fontSizeWithText', '|',
		'lineHeightWithText', '|',
		'bold', 'italic', 'underline', 'strike', '|',
		'growFont', 'shrinkFont', '|',
		'fontColor', 'fontBackgroundColor', '|',
		'superScript', 'subScript', '|',
		'customRunStyle', 'removeRunStyle', 'removeStyle', '|',
		'customParagraphStyle', '|',
		'responsive', '-',
        // 폼 요소 삽입 버튼들
        'formEditor_text', 'formEditor_textarea', 'formEditor_select',
        'formEditor_radio', 'formEditor_checkbox', 'formEditor_button',
        'formEditor_hidden', 'formEditor_datalist', 'formEditor_fieldset', 'formEditor_form'
	];
    synapEditorConfig['ocr.config'] = {
        'url': '/se/ocr'
    };
    synapEditorConfig['aiWriteSupporter.config'] = {
		 text: {
            ai: 'hcx',
            url: '/se/requestHCX',
            ocrUrl: '/se/ocr'
        },
        image: {
            url: '/se/requestDalle'
        }
    };
    synapEditorConfig['ogParser.config'] = {
        'url': '/se/ogParser',
        'customTemplateWithImage': '', // 이미지 있을 때 커스텀 템플릿
        'customTemplateWithoutImage': '' // 이미지 없을 때 커스텀 템플릿
    };
    synapEditorConfig['placeholder.config'] = {
        html: `<div style="vertical-align: baseline; text-indent: 0px; margin: 50px auto; width: 573px; height: 253px; display: block; position: relative; z-index: 251659264;" data-adj-value="-20833,62500,16667" data-fill-color="#f4f4f4" data-flip-h="false" data-flip-v="false" data-height="253" data-rotate="0" data-shape-type="wedgeRoundRectCallout" data-stroke-style="solid" data-stroke-width="2" data-width="573"><svg xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="none" viewBox="0 0 573 253" data-strokesize="2" style="width: 573px; height: 253px; transform: matrix(1, 0, 0, 1, 0, 0); overflow: visible; left: 0px; top: 0px; position: absolute;"><g><path stroke-width="2" d="M 0,42.17 A 42.17,42.17 0 0,1 42.17,0 L 95.5,0 L 95.5,0 L 238.75,0 L 530.83,0 A 42.17,42.17 0 0,1 573,42.17 L 573,147.58 L 573,147.58 L 573,210.83 L 573,210.83 A 42.17,42.17 0 0,1 530.83,253 L 238.75,253 L 167.13,284.62 L 95.5,253 L 42.17,253 A 42.17,42.17 0 0,1 0,210.83 L 0,210.83 L 0,147.58 L 0,147.58 Z " stroke="transparent" stroke-dasharray="none" fill="rgb(230, 230, 230)" vector-effect="non-scaling-stroke"></path></g></svg><div style="margin: 10px; top: 12.35px; left: 12.35px; width: 528.3px; height: 208.3px; position: absolute; overflow: visible; z-index: 251659264;"><div style="position: relative; display: table; width: 100%; height: 100%; word-break: break-all; top: 0px;"><div style="text-align: center; vertical-align: middle; display: table-cell; position: relative;"><p style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; overflow-wrap: break-word; word-break: normal;"><span style="text-decoration: underline; font-family: "맑은 고딕"; font-weight: 800; font-size: 18pt; color: rgb(52, 183, 184);">생성형 AI와 OCR 결합으로 독보적인 HTML5 웹 에디터,</span><span style="font-family: "맑은 고딕"; font-size: 18pt; color: rgb(52, 183, 184);"> </span><span style="font-family: "맑은 고딕"; font-size: 18pt; color: rgb(52, 183, 184);">사이냅 에디터</span></p><p style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; word-break: normal;"><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(0, 0, 0);" class="se-zws-run"><br></span></p><p style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; overflow-wrap: break-word; word-break: normal;"><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">사이냅</span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);"> </span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">에디터는 </span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">축적된</span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);"> 디지털 문서 처리 노하우와 </span></p><p style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; overflow-wrap: break-word; word-break: normal;"><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">검증된 기술력을 기반으로 개발된 </span><span style="font-size: 14pt; color: rgb(67, 67, 67);">개발한 </span><span style="font-weight: bold; font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">혁신적인 </span><span style="font-weight: bold; font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">HTML5 </span><span style="font-weight: bold; font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">웹 에디터</span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">입니다</span><span style="font-family: "맑은 고딕"; font-size: 14pt; color: rgb(67, 67, 67);">.</span></p></div></div></div></div>`
    };
    // 체험판 ~  April 26, 2023 – May 10, 2023
    synapEditorConfig['webSpellChecker.config'] = {
        'url': 'https://svc.webspellchecker.net/api',
        'customerid': 'BwkpONxqkVeVHli',
        'defaultLanguage': 'ko_KR'
    };
    synapEditorConfig['editor.import.selectArea.slide'] = true;
	window.editor = new SynapEditor('synapEditor', synapEditorConfig);
}
</script>