원하는 웹 페이지의 URL을 입력해보세요. 해당 페이지의 주요 정보를 미리 볼 수 있습니다.
<!-- external modules --> <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.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 --> <script type="text/javascript" src="/se/resource/synapeditor/plugins/ogParser/ogParser.min.js"></script> <style type="text/css"> .se-contents p { margin: 16px 0px; } .se-text-body p { margin: 0px; } </style> <div style="background-color: #ffffff; width:99%; height:500px;"> <div id="synapEditor"> <div class="se-contents" style="box-sizing: content-box; font-family: "맑은 고딕"; font-size: 11pt; line-height: 1.2;" data-document-padding-top="18" data-document-padding-bottom="18" data-document-padding-left="23" data-document-padding-right="23"> <p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><a style="text-decoration: underline; color: rgb(22, 63, 199);" data-href="http://www.synapeditor.com" data-hyperlink-id="se_7d0c850f-27b7-4732-9f75-192b0e0427f3" target="_blank" href="http://www.synapeditor.com"><span>www.synapeditor.com</span></a></p> <div class="se-para-div" style="margin: 0px;"> <div class="se-div og-parser-preview" style="box-sizing: border-box; width: 394px; max-width: 100%; border-color: rgb(113, 113, 113); border-style: solid; border-width: 1px; display: inline-block;"> <div class="se-para-div" style="margin: 0px;"> <div class="se-div" style="display: inline-block;"> <p style="margin: 0px;"><span class="se-drawing-object-wrapper se-image" style="vertical-align: top; text-indent: 0px; display: inline-block;"><img style="box-sizing: border-box; object-fit: cover; vertical-align: bottom; width: 80px; height: 80px;" alt="Synap Editor, a completely different HTML5 web editor" src="https://synapeditor.com/docs/download/attachments/10813484/SEDOC?version=1&modificationDate=1568703365000&api=v2" width="80" height="80"></span></p> </div> <div class="se-div" style="box-sizing: border-box; width: calc(100% - 82px); vertical-align: top; padding: 15px 8px; height: 80px; display: inline-block; overflow: hidden;"> <p style="white-space: nowrap; text-overflow: ellipsis; font-weight: bold; font-size: 12px; margin-top: 0px; margin-bottom: 3px; overflow: hidden;"><span>Synap Editor, a completely different HTML5 web editor</span></p> <p style="white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: rgb(117, 117, 117); margin-top: 0px; margin-bottom: 3px; overflow: hidden;"><span>Synap Editor is an innovative HTML5 web editor developed with Synap’s own digital document processing know-how over a long period of about 20 years and proven technologies.</span></p> <p style="white-space: nowrap; text-overflow: ellipsis; font-size: 12px; color: rgb(57, 182, 184); margin: 0px; overflow: hidden;"><a style="text-decoration: underline; color: rgb(57, 182, 184);" data-href="https://synapeditor.com/" data-hyperlink-id="se_3b13ccae-168d-4735-8e26-ec972eef4e8a" target="_blank" title="Synap Editor, a completely different HTML5 web editor" href="https://synapeditor.com/"><span>https://synapeditor.com/</span></a></p> </div> </div> </div> </div> <p style="margin: 16px 0px; display: block; overflow-wrap: break-word;"><span>URL 을 입력하고 엔터, 링크 삽입을 해보세요.</span></p> </div> </div> </div> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": ["new", 'link', 'unlink'], "editor.menu.show": false, }); synapEditorConfig['ogParser.config'] = { 'url': '/se/ogParser', 'customTemplateWithImage': '', 'customTemplateWithoutImage': '' }; window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML); </script> |