Just a simple demo page

Script references and initialization

	  
		<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
		<script type="text/javascript" src="Scripts/jquery.beautyOfCode.js"></script>

		<script type="text/javascript">
			$.beautyOfCode.init({
					theme: 'Django',
				brushes: ['Xml', 'JScript', 'CSharp', 'Plain', 'Php'],
				ready: function() {
					$.beautyOfCode.beautifyAll();
					$("#someCode").beautifyCode('javascript', {gutter:false});
				}
			});
		</script>
      
	

Javascript, explicit, no gutter, highlight

		
			// my code
			var x = "Hello, world!";
			function juppi() {
				juppi(); // kill
			}
		
	
		
			<pre id="someCode">
				<code class="boc-highlight[2,4]">
					// my code
					var x = "Hello, world!";
					function juppi() {
						juppi(); // kill
					}
				</code>
			</pre>
		
	

Html, autofind, start with second line, ruler

		
			This is normal text
			<a>This is bold</a>
		
	
		
			<pre class="code">
				<code class="html boc-first-line[2] boc-ruler">
					This is normal text
					&lt;a>This is bold&lt;/a>
				</code>
			</pre>
		
	

Plain, autofind, smart-tab

		
			This is	tabbed
			This	too
		
	
		
			<pre class="code">
				<code class="plain boc-smart-tab">
					This is	tabbed
					This	too
				</code>
			</pre>
	  
	

Php, html-script

		
			<strong style="font-weight: normal"><?= str_replace("\n", "<br/>", $var) ?></strong>
		
	
		
			<pre class="code">
				<code class="php boc-html-script">
					&lt;strong style="font-weight: normal">&lt;?= str_replace("\n", "&lt;br/>", $var) ?>&lt;/strong>
 				</code>
			</pre>
		
	

Using 'code'-tag only

function(){ alert('hello'); }
		
			<code class="code language-javascript">
				function(){ alert('hello'); }
			</code>