DHTMLX Visual Editor。如何使用生成的代码

时间:2012-02-12 12:01:49

标签: javascript dhtml

我对网络编程有点新意。使用DHTML 3.0 Visual Designer我创建了一个包含以下自动生成代码的小型网页:

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(){});

我不明白如何将此代码放入HTML页面。我尝试使用<script>代码包围此代码,创建function doOnLoad(),然后添加<body onload="doOnLoad()" style="width:100%; height:100%; margin:0px; overflow:hidden;">。但它不起作用。

1 个答案:

答案 0 :(得分:1)

检查the docs

你需要

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