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>