...
체험하기
| HTML |
|---|
<!-- code mirror --> <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'> <!-- 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> <!-- Synap Editor --> <script src='http://www.synapeditor.com/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'> <div style="background-color: #ffffff; width:100%99%; height:600px300px;"> <div id="synapEditor"><>Div와 같은 HTML Element를 이용하여 초기화한 사이냅에디터입니다.</div> </div> <script> window.editor = new SynapEditor('synapEditor', { synapEditorConfig, document.getElementById('synapEditor').innerHTML); </script> |
설정하기
| Code Block | ||||||
|---|---|---|---|---|---|---|
| ||||||
<div id='synapEditor'> Div와 같은 HTML Element를 이용하여 초기화한 'editor.license': {"key":["U2FsdGVkX19Sg2cno9NTojvZHBv8ra5kN5Lm+l3GtaCDrPEI0zsW6NNfAQ49iImzuUNaehdxt5FH+VlHOB9U3okQO705iwRKD5XvdHFSbuIvp1nuOmVFQ9rkFJyEUI/jOkzuLKqxc8IuVX4OMKHPQ+dQEkIXg3wD+1GJ6wvaM5v9d0LIowHCQQtPgRX8Dlfk"]},사이냅에디터입니다. </div> <script> //synapEditorConfig는 에디터 설정 객체입니다. new SynapEditor('synapEditor', 'editor.menu.show': true }synapEditorConfig, document.getElementById('synapEditor').innerHTML); </script> | ||||||
| HTML | ||||||
| script | #license.json