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

Versions Compared

Old Version 98

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 -->
<script type="text/javascript" src="/se/resource/synapeditor/plugins/placeholder/placeholder.min.js"></script>

<!-- 본문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', 'pasteRunStyletype="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', '|',
		'rulerprint', 'guidepageBreak', 'sourcecontentsProperties', 'preview|',
		'undo', 'fullScreenredo', '|',
		'webSpellCheckercopy', 'webAccessibilityCheckercut', 'personalDataProtectionpaste', 'forbiddenWordDetection|',
		'findcopyRunStyle', 'conversionpasteRunStyle', '|',
		'help'ruler', 'guide', 'aboutsource', '-preview', 		'bulletListfullScreen', 'numberedList|',
		'multiLevelListwebSpellChecker', '|webAccessibilityChecker', 		'alignLeftpersonalDataProtection', 'alignCenterforbiddenWordDetection', 'alignRightfind', 'alignJustifyconversion', '|',
		'decreaseIndenthelp', 'increaseIndentabout', '|-',
		'paragraphPropertiesbulletList', '|numberedList', 		'linkmultiLevelList', 'unlink|',
		'bookmarkalignLeft', '|alignCenter',
        'ocralignRight', 'openAIInteractionalignJustify', '|',
		'imagedecreaseIndent', 'backgroundincreaseIndent', 'video|',
		'fileparagraphProperties', '|',
		'mathType.mathlink', 'mathType.chemunlink', '|bookmark', 		'table|', 'div',
        'drawAbsolutePositionDivocr', 'horizontalLineopenTextAI', 'quoteopenImageAI', '|',
		'selectionModeimage', 'shapeEditorbackground', 		'specialCharactervideo', 'emojifile', '-|',
		'paragraphStyleWithText'mathType.math', 'mathType.chem', '|',
		'fontFamilyWithTexttable', '|div', 		'fontSizeWithTextdrawAbsolutePositionDiv', '|horizontalLine', 		'lineHeightWithTextquote', '|', 		'boldselectionMode', 'italicshapeEditor',
		'underlinespecialCharacter', 'strikeemoji', '|-',
		'growFontparagraphStyleWithText', 'shrinkFont|',
		'|fontFamilyWithText', 		'fontColor|',
		'fontBackgroundColorfontSizeWithText', '|',
		'superScriptlineHeightWithText', 'subScript|',
		'|bold', 		'customRunStyleitalic', 'removeRunStyleunderline', 'removeStylestrike', '|',
		'customParagraphStyle'growFont', 'shrinkFont', '|',
		'responsivefontColor', '-fontBackgroundColor',         // 폼 요소 삽입 버튼들
        'formEditor_text'|',
		'superScript', 'formEditor_textareasubScript', 'formEditor_select|',
        'formEditor_radio		'customRunStyle', 'removeRunStyle', 'formEditor_checkboxremoveStyle', 'formEditor_button|',
        'formEditor_hidden		'customParagraphStyle', 'formEditor_datalist|',
		'formEditor_fieldsetresponsive', 'formEditor_form|',
	];
    synapEditorConfig['ocr.config'] = {		'documentComparison', '-',
        // 폼 'url': '/se/ocr'
요소 삽입 버튼들
   };     synapEditorConfig['aiWriteSupporter.config'] = {
        'url': '/se/requestGPT'formEditor_text', 'formEditor_textarea', 'formEditor_select',
        'ocrUrl': '/se/ocr'formEditor_radio', 'formEditor_checkbox', 'formEditor_button',
    }    'formEditor_hidden', 'formEditor_datalist', 'formEditor_fieldset', 'formEditor_form'
	];
    synapEditorConfig['placeholderocr.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; '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, 18367, 18467);">생성형> 디지털 AI와문서 OCR 결합으로 독보적인 HTML5 웹 에디터,</span><span style="font-family: "맑은 고딕"; font-size: 18pt; color: rgb(52, 183, 184);"> </span><span처리 노하우와 </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></p><p style="direction: ltr; unicode-bidi: embed; text-align: left; margin: 0px; display: block; word-break: normal;"><span style=">검증된 기술력을 기반으로 개발된 </span><span style="font-size: 14pt; color: rgb(67, 67, 67);">개발한 </span><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="directionfont-weight: ltrbold; unicodefont-bidifamily: "맑은 embed고딕"; textfont-alignsize: left14pt; margincolor: 0px; display: block; overflow-wrap: break-word; word-break: normal;"><span style="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'] = {
: 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'
        '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>

...