Pretty code viewer

<zk:zk xmlns:zul="zul" xmlns:zk="zk" xmlns="xhtml">
	<zul:window title="test" border="normal">
		<zul:html>
			<!-- Include required JS files -->
			<script type="text/javascript" src="js/shCore.js"></script>
			 
			<!--
			    At least one brush, here we choose JS. You need to include a brush for every 
			    language you want to highlight
			-->
			<script type="text/javascript" src="js/shBrushXml.js"></script>
			 
			<!-- Include *at least* the core style and default theme -->
			<link href="css/shCore.css" rel="stylesheet" type="text/css" />
			<link href="css/shThemeDefault.css" rel="stylesheet" type="text/css" />
			 
			<!-- You also need to add some content to highlight, but that is covered elsewhere. -->
			<pre class="brush: xml">
				<zk>
					<zscript>
						void test() {
							System.out.println(" test ");
						}
					</zscript>
					<button label="test" ></button>
				</zk>
			</pre>
			 
			<!-- Finally, to actually run the highlighter, you need to include this JS on your page -->
			<script type="text/javascript">
			     SyntaxHighlighter.all()
			</script>
		</zul:html>
	</zul:window>
</zk:zk>