...
| HTML |
|---|
<!-- 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> |
...