<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxeditor_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxeditor_dhx_black.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxeditor_dhx_skyblue.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_blue.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_black.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_skyblue.css">
<script src="../../codebase/dhtmlxcommon.js" type="text/javascript"></script>
<script src="../../../dhtmlxToolbar/codebase/dhtmlxtoolbar.js"></script>
<script src="../../codebase/dhtmlxeditor.js" type="text/javascript"></script>
<script src="../../codebase/ext/dhtmlxeditor_ext.js" type="text/javascript"></script>
 
<div id="editorObj" style="width: 100%; height: 300px; border: #909090 1px solid;"></div>
<div style="margin-bottom: 10px;"><span>Used skin: </span><span id="skinName" style="font-weight: bold;"></span></div>
<div id="skinData">
<a href='javascript:void(0)' onclick='initEditor("dhx_skyblue")'>dhx_skyblue</a> &nbsp;&nbsp;
<a href='javascript:void(0)' onclick='initEditor("dhx_blue")'>dhx_blue</a> &nbsp;&nbsp;
<a href='javascript:void(0)' onclick='initEditor("dhx_black")'>dhx_black</a>
</div>
 
<script>
function initEditor(skin) {
    document.getElementById("skinName").innerHTML = skin;
    document.getElementById("editorObj").innerHTML = "";
    var editor = new dhtmlXEditor("editorObj", skin);
    editor.setIconsPath("../../codebase/imgs/");
    editor.init();
}
initEditor("dhx_skyblue");</script>