You may load the contents edited in Synap Editor through Javascript function as follows.
Code Block |
---|
language | js |
---|
theme | Emacs |
---|
title | Javascript |
---|
linenumbers | true |
---|
|
<script>
var html = editor.getPublishingHtml();
</script> |
Check if editor.getPublishingHtml() function is working by opening the browser's console window (F12).
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_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'>
<div style="background-color: #ffffff; width:99%; height:200px;">
<div id="synapEditor">
<p>
<span>You may check if <em>editor.getPublishingHtml()</em> function is working by opening the browser's console window (F12).
</p>
</div>
</div>
<script>
window.editor = new SynapEditor("synapEditor", synapEditorConfig, document.getElementById('synapEditor').innerHTML);
</script> |