DHTMLX Docs & Samples Explorer

Skinning

Used skin:
dhx_skyblue    dhx_blue    dhx_black    dhx_web    dhx_terrace
Source
<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="../../codebase/skins/dhtmlxeditor_dhx_web.css">
<link rel="stylesheet" type="text/css" href="../../codebase/skins/dhtmlxeditor_dhx_terrace.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">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_web.css">
<link rel="stylesheet" type="text/css" href="../../../dhtmlxToolbar/codebase/skins/dhtmlxtoolbar_dhx_terrace.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> &nbsp;&nbsp;
<a href='javascript:void(0)' onclick='initEditor("dhx_web")'>dhx_web</a> &nbsp;&nbsp;
<a href='javascript:void(0)' onclick='initEditor("dhx_terrace")'>dhx_terrace</a>
</div>
 
<script>
dhtmlx.image_path = "../../codebase/imgs/";
var editor;
function initEditor(skin) {
    document.getElementById("skinName").innerHTML = skin;
    document.getElementById("editorObj").innerHTML = "";
    editor = new dhtmlXEditor("editorObj", skin);
}
initEditor("dhx_skyblue");
</script>