Javascript DHTMLX可视化编辑器。如何使用生成的代码

我对网络编程有点陌生。我使用以下自动生成的代码创建了一个小网页：

dhtmlx.image_path='./codebase/imgs/';

    var main_layout = new dhtmlXLayoutObject(document.body, '1C');

    var a = main_layout.cells('a');
    a.setHeight('0');
    a.setWidth('0');
    a.hideHeader();
    a.fixSize(0,1);
    var toolbar_2 = a.attachToolbar();
    toolbar_2.setIconsPath('./codebase/imgs/');

    toolbar_2.loadXMLString('<toolbar><item type="button" text="" img="dhtmlxSuite/dhtmlxToolbar/codebase/imgs/dhxtoolbar_dhx_web/save.gif" imgdis="" title="Actualizar" /><item type="button" text="" img="dhtmlxSuite/dhtmlxToolbar/codebase/imgs/dhxtoolbar_dhx_web/text_document.gif" imgdis="" title="Editar" /><item type="button" text="" img="dhtmlxSuite/dhtmlxToolbar/codebase/imgs/dhxtoolbar_dhx_web/print.gif" imgdis="" title="Imprimir" /></toolbar>', function(){});

    var toolbar_1 = main_layout.attachToolbar();
    toolbar_1.setIconsPath('./codebase/imgs/');

    toolbar_1.loadXMLString('<toolbar><item type="button" text="N1" img="" /><item type="separator" /><item type="button" text="N2" /><item type="separator" /><item type="button" text="N3" img="" /><item type="separator" /><item type="button" text="N4" /><item type="separator" /><item type="button" text="N5" /></toolbar>', function(){});

dhtmlx.image_path='./codebase/imgs/；
var main_layout=新的DHTMLXLlayoutObject（document.body，'1C'）；
var a=主布局单元（“a”）；
a、 设置高度（'0'）；
a、 setWidth（'0'）；
a、 隐藏者（）；
a、 固定大小（0,1）；
var toolbar_2=a.attachToolbar（）；
工具栏2.seticonPath（'./codebase/imgs/'）；
toolbar_2.loadXMLString（“”，function（）{}）；
var toolbar_1=main_layout.attachToolbar（）；
工具栏1.seticonPath（'./codebase/imgs/'）；
toolbar_1.loadXMLString（“”，function（）{}）；

我不明白如何将此代码放入HTML页面。我试图用

标记来包围这段代码，创建

函数doOnLoad（）

，然后添加

。但它不起作用。

检查

你需要

• 放置基本html标记
• 包括dhtmlx.js和dhtmlx.css
• 放置脚本块，并粘贴设计器中的代码