문서 이력 비교 기능을 이용해 저장된 문서들의 추가/삭제된 이력을 비교해 보세요.

체험하기

<!-- 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>
<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'>

<!-- Synap Editor -->
<script src='/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'>

<!-- plugins -->
<script src="/se/resource/synapeditor/plugins/documentComparison/documentComparison.min.js"></script>
<link href="/se/resource/synapeditor/plugins/documentComparison/documentComparison.min.css" rel="stylesheet" type="text/css">

<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","|", 
				"documentComparison"
			],
			"editor.menu.show": false
			});
		config['documentComparison.config'] = {
   		 'list': {
    	    'url': '/se/getDocumentVersionList',
   	     	'headers': {
    	      'Content-Type': 'application/json'
       		 }
   		 },
  		  'data': {
  		    'url': '/se/getDocumentVersionData',
  		       'headers': {
   		         'Content-Type': 'application/json'
  		      },
     	   'paramKey': 'id'
    	}
	}
		window.editor = new SynapEditor("synapEditor", config, document.getElementById('synapEditor').innerHTML);
</script>