체험하기
HTML |
---|
<!-- external modules --> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEDocModelParser/SEDocModelParser.min.js'></script> <script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/SEShapeManager/SEShapeManager.min.js'></script> <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/synapeditor/externals/codeMirror/codemirror.min.css'> <!-- Synap Editor --> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.config.js'></script> <script src='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.js'></script> <link href='https://www.synapeditor.com/se/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'> <!-- plugins --> <script type="text/javascript" src="https://wwwintegrations.synapeditorwiris.comkitchen/sestable/resourcehtml/synapeditorgeneric/pluginsdist/shapeEditor/shapeEditordemo.min.js"></script> <link href="https://www.synapeditor.com/se/resource/synapeditor/plugins/shapeEditor/shapeEditor.min.css" rel="stylesheet"<script type="text/cssjavascript"> <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"> <p> <span>도형을 삽입하고 편집해보세요.</span><span></span></p> <p><span></span></p> </div> </div>src="../dist/plugins/mathType/mathType.min.js"></script> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": [ "new","|"mathType.math", "shapeEditor" "mathType.chem"], "editor.menu.show": false }); window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML); </script> |
...