<link href='http://www.synapeditor.com/resource/synapeditor/synapeditor.min.css' rel='stylesheet' type='text/css'>
<script src="https://code.jquery.com/jquery-3.3.1.js"></script>
<script src='http://www.synapeditor.com/resource/synapeditor/synapeditor.min.js'></script>
<div style="background-color: #ffffff; width:99%; height:500px;">
<div id="synapEditor">
<p>
<span>한단계 크게(
<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA0klEQVQ4T+WT3Q2CQBCEZ5MrgBIogffbh6MEO7AESsAKjB1YAh1owhSAHVAIZM0aMcS/SHj0Xnfuy97MnGDlkZX3Iap6XgDpSFZzvQMMwAXAbWBmhYjs76JyJj4C6Emmd4DDRFZVF5xcRPLxxBhjIyKJZPYCEJFN27aND74AKt9sDnX9i4mfAJ98+kdASikfx7GYTF/swT3OgmS+OIV5QgB2JOtFG6hqByAzs85LFULIfwbEGG9FAlCGEPphGBzSPABP6z33pjQzB2TTX1DVGsD2CnC4dMw+XaYjAAAAAElFTkSuQmCC"/>
), 한단계 작게(<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAA0klEQVQ4T+WT3Q2CQBCEZ5MrgBIogffbh6MEO7AESsAKjB1YAh1owhSAHVAIZM0aMcS/SHj0Xnfuy97MnGDlkZX3Iap6XgDpSFZzvQMMwAXAbWBmhYjs76JyJj4C6Emmd4DDRFZVF5xcRPLxxBhjIyKJZPYCEJFN27aND74AKt9sDnX9i4mfAJ98+kdASikfx7GYTF/swT3OgmS+OIV5QgB2JOtFG6hqByAzs85LFULIfwbEGG9FAlCGEPphGBzSPABP6z33pjQzB2TTX1DVGsD2CnC4dMw+XaYjAAAAAElFTkSuQmCC"/>) 아이콘을 이용해서 글자 크기를 조정 할 수 잇습니다.</span>
</p>
<p>
<span>아이콘을 클릭해서 글자 크기를 조정해보요.</span>
</p>
<p><span></span>
</p>
</div>
</div>
<script>
window.editor = new SynapEditor("synapEditor", {
"editor.license":"/resource/license.json",
"editor.toolbar": ["new","|", "growFont", "shrinkFont"],
"editor.menu.show": false
}, document.getElementById('synapEditor').innerHTML);
</script> |