...
HTML |
---|
<!-- Synap Editor --> <script src="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/synapeditor.config.js"></script> <script src="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/synapeditor.min.js"></script> <link href="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/synapeditor.min.css" rel="stylesheet" type="text/css"> <!-- Synap Editor Shape Plugin --> <script src="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/plugins/shapeEditor/shapeEditor.min.js"></script> <link href="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/plugins/shapeEditor/shapeEditor.min.css" rel="stylesheet" type="text/css"> <!-- Synap Editor ShapManager --> <script src="https://synapeditor.com/se/resource/synapeditor/2.8.0_dev/externals/SEShapeManager/SEShapeManager.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"> <p> <span>도형을 삽입하고 편집해보세요.</span><span></span></p> <p><span></span></p> </div> </div> <script> const config = Object.assign(synapEditorConfig, { "editor.license":"/se/resource/license.json", "editor.toolbar": [ "new","|", "shapeEditor" ], "editor.menu.show": false }); window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML); </script> |
...