사이냅 에디터 데모
Space shortcuts
Page tree

Versions Compared

Old Version 97

changes.mady.by.user 이우근

Saved on

compared with

New Version Current

changes.mady.by.user 이우근

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

HTML
<!-- 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 -->
<div<script 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', 'fullScreentype="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>

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

<!-- 본문 시작 -->
<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', '|',
		'webSpellCheckerprint', 'webAccessibilityCheckerpageBreak', 'personalDataProtectioncontentsProperties', 'forbiddenWordDetection|',
		'findundo', 'conversionredo', '|',
		'helpcopy', 'aboutcut', '-paste', 		'bulletList|',
		'numberedListcopyRunStyle', 'multiLevelListpasteRunStyle', '|',
		'alignLeft'ruler', 'guide', 'alignCentersource', 'alignRightpreview', 'alignJustifyfullScreen', '|',
		'decreaseIndentwebSpellChecker', 'increaseIndentwebAccessibilityChecker', '|personalDataProtection', 		'paragraphPropertiesforbiddenWordDetection', '|find', 		'linkconversion', 'unlink|',
		'bookmarkhelp', '|about',         'ocr'-',
		'bulletList', 'numberedList', 'openAIInteractionmultiLevelList', '|',
		'imagealignLeft', 'backgroundalignCenter', 'videoalignRight', 'filealignJustify', '|',
		'mathType.mathdecreaseIndent', 'mathType.chemincreaseIndent', '|',
		'tableparagraphProperties', 'div|',
		'drawAbsolutePositionDivlink', 'horizontalLineunlink', 'quotebookmark', '|',
'selectionMode        'ocr', 'shapeEditoropenTextAI', 		'specialCharacteropenImageAI', 'emoji|',
		'-image', 		'paragraphStyleWithTextbackground', '|video', 		'fontFamilyWithTextfile', '|',
		'fontSizeWithTextmathType.math', '|',
		'lineHeightWithTextmathType.chem', '|',
		'boldtable', 'italicdiv', 'underlinedrawAbsolutePositionDiv', 'strikehorizontalLine', '|quote', 		'growFont|', 'shrinkFontselectionMode', '|shapeEditor',
		'fontColorspecialCharacter', 'fontBackgroundColoremoji', '|-',
		'superScript', 'subScriptparagraphStyleWithText', '|',
		'customRunStylefontFamilyWithText', 'removeRunStyle|',
		'removeStylefontSizeWithText', '|',
		'customParagraphStylelineHeightWithText', '|',
		'responsivebold', '-italic', 'underline', 'strike',       // 폼 요소 삽입 버튼들
        'formEditor_text'|',
		'growFont', 'shrinkFont', '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'] = {
        'url': '/se/requestGPT',
        'ocrUrl': '/se/ocr'
    };
    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; fontColor', 'fontBackgroundColor', '|',
		'superScript', 'subScript', '|',
		'customRunStyle', 'removeRunStyle', 'removeStyle', '|',
		'customParagraphStyle', '|',
		'responsive', '|',
		'documentComparison', '-',
        // 폼 요소 삽입 버튼들
        '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-weight: 800; font-size: 18pt14pt; color: rgb(5267, 183, 184);">생성형 AI와 OCR 결합으로 독보적인 HTML5 웹 에디터,</span><span67, 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: 18pt14pt; color: rgb(5267, 18367, 18467);"> </span><span style="font-family: "맑은 고딕"; >검증된 기술력을 기반으로 개발된 </span><span style="font-size: 18pt14pt; color: rgb(5267, 18367, 18467);">사이냅 에디터</span></p><p>개발한 </span><span style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; word-break: normal;"><span style="font-weight: bold; font-family: "맑은 고딕"; font-size: 14pt; color: rgb(067, 067, 067);" class="se-zws-run"><br></span></p><p>혁신적인 </span><span style="direction: ltr; unicode-bidifont-weight: embedbold; textfont-alignfamily: left; margin: 0px; display: block; overflow-wrap: break-word; word-break: normal;"><span"맑은 고딕"; 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><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'] = {
>.</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'
        'url': '/se/spell/correct',
        'useSpellCheckerPusan': true
    };
    synapEditorConfig['editor.import.selectArea.slide'] = true;
	synapEditorConfig['documentComparison.config'] = {
   		'list': {
    		'url': '/se/getDocumentVersionList',
   	     	'headers': {
    	      'Content-Type': 'application/json'
       		 }
   		 },
  		 'data': {
  		   'url': '/se/getDocumentVersionData',
  		      'headers': {
   		        'urlContent-Type': 'https://svc.webspellchecker.net/api',application/json'
  		      'customerid': 'BwkpONxqkVeVHli'},
      	  'defaultLanguageparamKey': 'ko_KRid'
    	}
	},
	window.editor = new SynapEditor('synapEditor', synapEditorConfig);
}
</script>

...