Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: Macro name changed from html to html-bobswift during server to cloud migration processing.

...

Experiencing

HTML
<!-- external jQuerymodules -->
<script type="text/javascript" src="'https://codewww.jquerysynapeditor.com/jquery-3.3.1.js"></script>

<!-- code mirror -->/se/resource/synapeditor/externals/formulaParser/formula-parser.min.js'></script>
<script type="text/javascript" src='https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirrorSEDocModelParser/codemirrorSEDocModelParser.min.js'></script>
<script type="text/javascript" src="'https://www.synapeditor.com/se/resource/synapeditor/externals/codeMirrorSEShapeManager/xmlSEShapeManager.min.js"'></script>
<link<script rel='stylesheet' hreftype="text/javascript" src='https://www.synapeditor.com/se/resource/se/synapeditor/externals/codeMirror/codemirror.min.cssjs'>

<!-- formular parser -->
></script>
<script type="text/javascript" src='"https://www.synapeditor.com/se/resource/synapeditor/externals/formulaParsercodeMirror/formula-parserxml.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_en.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'>

<!-- tui Image Editor -->
<script type="text/javascript"
src='https://synapeditor.com/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditor.min.js'></script>
<link rel='stylesheet' href='https://synapeditor.com/se/resource/synapeditor/plugins/tuiImageEditor/tuiImageEditor.min.css'>
<div style="background-color: #ffffff; width:99%; height:300px;">
        <div id="synapEditor">Div와 같은>Synap Editor intialized with HTML Element를element 이용하여such 초기화한as 사이냅에디터입니다Div.</div>
</div>
<script>
		window.editor = new SynapEditor('synapEditor', synapEditorConfig, document.getElementById('synapEditor').innerHTML);
</script>

...


Configuring

Code Block
languagexml
<div id='synapEditor'>
    Div와 같은Synap Editor intialized with HTML Element를element 이용하여such 초기화한as 사이냅에디터입니다Div.
</div>
 
<script>
	//synapEditorConfig는 에디터 설정 객체입니다synapEditorConfig is the Editor configuration object.
    new SynapEditor('synapEditor', synapEditorConfig, document.getElementById('synapEditor').innerHTML);
</script>

...