// <syntaxhighlight lang="javascript">

/*

(Script is operational, but needs testing on many pages)

ViewAsOutline-Book.js

What it does:

This script converts the page onscreen into outline format, including adding heading
and list item wikicode (yes, shown on-screen), so that it can be easily copied and
pasted into list and outline pages being edited. 

Brief comments are provided within the source code below. For extensive explanatory 
notes on what the source code does and how it works, see the Script's workshop on 
the talk page.

*/

// ============== Set up ==============

// Start off with a bodyguard function to reserve the aliases mw and $
( function ( mw, $ ) {

    // we can now rely on mw and $ within the safety of our “bodyguard” function, to mean 
    // "mediawiki" and "jQuery", respectively

    // ============== ready() event listener/handler ==============
    // below is jQuery short-hand for $(document).ready(function() { ... });
    // it makes the rest of the script wait until the page's DOM is loaded and ready
    $(function() {
        
		// ============== activation filters ==============
        // Only activate on Vector skin
        if ( mw.config.get( 'skin' ) === 'vector' ) {

	        // Run this script only if "Book:" is in the page title
			if (document.title.indexOf( "Book:") != -1) {

				// End of set up
			
        	    // =================== Prep work =====================
				
				// Variable declarations, etc., go here

            	// ================= Core program ================= 

                $( function() {

					// BODY OF PROGRAM

					// Make the superfluous headings go bye bye ( ".mw-headline" )
					$( "h2" ).remove();
					$( "h3" ).remove();

					// Remove notice boxes from top of screen (see ] - outline editors need to get right to the content
					// Remove warning box:
					$( "td" ).remove( ".mbox-image" );
					$( "td" ).remove( ".mbox-text" );
					// Remove "This is a Wikipedia book" banner
					$( "table" ).remove( ".ombox" );

					// Add h2 heading delimiters to all the dt entries
					var mwContentLtrDts = $( ".mw-content-ltr" ).find( "dt" );
					var i;
					for (i = 0; i < mwContentLtrDts.length; i++) {
					    mwContentLtrDts.prepend( "== " );
					    mwContentLtrDts.append( " ==" );
					}

					// for all dd entries of class mw-content-ltr, wrap the page names with *] - links go between the double square brackets
					var mwContentLtrDds = $( ".mw-content-ltr" ).find( "dd" );
					var j;
					for (j = 0; j < mwContentLtrDds.length; j++) {
					    mwContentLtrDds.outerHTML = mwContentLtrDds.outerHTML.replace(/(<a.*?(<\/a>))/g,'* ]');
					}

				} );
			}
        }
    } );
}( mediaWiki, jQuery ) );

// </syntaxhighlight>