sp-wiki-toc

sp-wiki-toc.css

/* Style wiki-toc */
#toc-list{
	border: 1px black dashed; 
	background-color: whitesmoke;
	float: left; 
	padding: 10px; 
	padding-top: 0px;
	list-style-type: none; } 
.toc{  } 
.toc-H1{ 
	font-size:18px; 
	font-weight: bold;} 
.toc-H2{ 
	font-size:16px; 
	font-weight: normal;} 
.toc-H3{ 
	font-size:14px;} 
.toc-H4{ 
	font-size:12px;} 	

sp-wiki-toc.js

//<![CDATA[
/********* 
Create Table of Contents - ToC for a SharePoint Wiki
Description: This will create a nested list of links to all H tags on a SharePoint wiki page
Assumptions: H tags must start with H1 and be in sequential order. Example, going from H1 to H3, then back to H2 will give unexpected results.
**********/

/* use SP function below instead of $(document).ready */
_spBodyOnLoadFunctions.push(function(){ 
	var prevHLevel = 1;
	var listArray = [];
	listArray[0] = $("#toc-list"); // H1
	
	/* select inner content areas of a wiki page */
	$(".ms-rte-layoutszone-inner").each(function(wikiAreaCount, wikiArea){ 
		/* we ONLY want the first(left most) wiki content area, else return */
		/* todo - is there a better way to select this specific wikiArea? */
	    if(wikiAreaCount>0){return;} 
		
		/* loop through H tags within wikiArea */
		$(" H1, H2, H3, H4",wikiArea).each(function(i){   
		    var current = $(this);
			current.attr("id", "title" + i);   
			var curHLevel = getHLevel(current.prop('tagName'));
			
			/* indent? */
			if (curHLevel > prevHLevel) {
				var $tempList = $("<ul>");
				listArray[prevHLevel-1].append($tempList);
				listArray[curHLevel-1] = $tempList;
			}  
			else if (curHLevel < prevHLevel) { // clear reference to previous list
				var $tempList = $("<ul>");
				listArray[prevHLevel-1] = null;
			}
			
			/* create new link */        
			var $newLink = $("<a>");
			$newLink.text(current.html());
			$newLink.attr("id","");
			$newLink.attr("href","#title" + i);
			$newLink.attr("class","toc-" + current.prop('tagName'));
			
			/* create new list item and add to list */
			var $newItem = $("<li>");
			$newItem.append($newLink);
			$newItem.appendTo(listArray[curHLevel-1]);
			
			/* set previous level for next iteration */
			prevHLevel = curHLevel;
		}) 
	}) 
});

/* return the level of H tag */
function getHLevel(tag) {
	if (tag.substring(0,1) != 'H') {
		/* error, not H tag */
		return 0;
	}
	
	return tag.substring(1,2);	
};
//]>

sp-wiki-toc.xml

<!-- Scripts and Style -->
<script src="//ajax.aspnetcdn.com/ajax/jQuery/jquery-1.8.0.js"></script>
<script type="text/javascript" src="/team-site/XmlWebParts/sp-wiki-toc/sp-wiki-toc.js"></script>
<link rel="stylesheet" type="text/css" href="/team-site/XmlWebParts/sp-wiki-toc/sp-wiki-toc.css"/>
<!-- Scripts and Style -->

<!-- Table of Contents --> 
<div class="toc"> 
	<ul id="toc-list"></ul>
</div> 
<!-- Table of Contents -->