WebTabs Test

自定义web-tabs组件用于实现经常需要的Tabs组件。

直接书写内容

代码：

body { color: red; background-color: black; }

console.log("Hello");

借助于自定义的trim-pre组件及esc-code组件，可做到在编写网页内容时版面较为整洁。渲染效果：

body { color: red; background-color: black; }

console.log("Hello");

分别导入XML及文本文件的内容

web-tabs除了可以使用标准的HTML子元素外，还有自定义的xml及text子元素，分别用于从XML文件中导入特定节点内容及导入特定文件的所有文本内容。

<web-tabs> <xml src="src.html"> <node idstr="script#vShader" title="Vertex Shader" /> <node idstr="script#fShader" title="Fragment Shader" /> </xml> <text src="src.js" title="JavaScript" /> </web-tabs>

xml及text元素均使用了AJAX技术来实现异步加载。

效果：