...
HTML |
---|
<!-- code mirror --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/codemirror.min.js'></script> <script type="text/javascript" src="https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirror/xml.min.js"></script> <link rel='stylesheet' href='https://www.synapeditor.com/se/resource/se/synapeditor/externals/codeMirror/codemirror.min.css'> <!-- formularexternal parsermodules --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script> <script <!-- Synap Editor --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor.config/externals/SEDocModelParser/SEDocModelParser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/synapeditorexternals/SEShapeManager/SEShapeManager.min.js'></script> <link href <!-- Synap Editor --> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.minconfig.css' rel='stylesheet' type='text/css'> <!-- tui Image Editor --> <script type="text/javascript" js'></script> <script src='https://www.synapeditor.com/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditorsynapeditor.min.js'></script> <link rel='stylesheet' href='https://www.synapeditor.com/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditorsynapeditor.min.css' rel='stylesheet' type='text/css'> <div style="background-color: #ffffff; width:99%; height:300px;"> <div id="synapEditor">Div와 같은 HTML Element를 이용하여 초기화한 사이냅에디터입니다.</div> </div> <script> window.editor = new SynapEditor('synapEditor', synapEditorConfig, document.getElementById('synapEditor').innerHTML); </script> |
...