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

DHTMLX Visual Editor. How to use generated code

本文关键字：代码 何使用 可视化 编辑器 DHTMLX      更新时间：2023-09-26

我对web编程有点陌生。使用DHTML3.0可视化设计器，我创建了一个小网页，其中包含以下自动生成的代码：

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;">。但它不起作用。

检查文档

你需要

  • 放置基本的html标记
  • 包括dhtmlx.js和dhtmlx.css
  • 放置脚本块，然后粘贴设计器中的代码
相关文章：