TWaver HTML5 继承结构和成员说明
这并不是一个静态页面，而是用JavaScript动态解析TWaver，所以即使TWaver更新也没关系，只要在这个html中引入新的twaver.js就可以了。
界面说明：整个页面的布局借助twaver.controls.SplitPane实现，左侧是TWaver的树组件，中间是List组件，右侧是一个pre标签，借助beautify和prettify展现js代码。
接下来介绍一下页面上三个部分的实现方式：
Tree的实现，下面是初始化Tree的全部代码：
//list选中的节点发生变化时更新prelist.getSelectionModel().addSelectionChangeListener(function (e) { var data = list.getSelectionModel().getLastData(); if (data) { pre.innerHTML = ''; var html = js_beautify(data.content + ""); pre.appendChild(document.createTextNode(html)); prettyPrint(); }});这三部分介绍完，实际上这个页面也就写完了，通过这些代码，大家应该可以感受到JavaScript的灵活之处，页面布局部分的代码就不介绍了，大家可从下载附件自行研究，最后附上附件见原文最下方