more markdown plugin refactoring

This commit is contained in:
Hakim El Hattab 2013-08-24 10:03:34 -04:00
parent 4350c0024f
commit 1c5da37ca6

View file

@ -1,5 +1,8 @@
// From https://gist.github.com/1343518 /**
// Modified by Hakim to handle Markdown indented with tabs * The reveal.js markdown plugin. Handles parsing of
* markdown inside of presentations as well as loading
* of external markdown documents.
*/
(function(){ (function(){
if( typeof marked === 'undefined' ) { if( typeof marked === 'undefined' ) {
@ -35,12 +38,12 @@
}; };
function twrap( el ) { function createSlide( data ) {
var content = el.content || el; var content = data.content || data;
if( el.asideContent ) { if( data.notes ) {
content += '<aside class="notes" data-markdown>' + el.asideContent + '</aside>'; content += '<aside class="notes" data-markdown>' + data.notes + '</aside>';
} }
return '<script type="text/template">' + content + '</script>'; return '<script type="text/template">' + content + '</script>';
@ -71,28 +74,28 @@
}; };
function slidifyMarkdown( markdown, separator, vertical, notes, attributes ) { function slidifyMarkdown( markdown, separator, verticalSeparator, noteSeparator, attributes ) {
separator = separator || '^\n---\n$'; separator = separator || '^\n---\n$';
notes = notes || 'note:'; noteSeparator = noteSeparator || 'note:';
var separatorRegex = new RegExp( separator + ( vertical ? '|' + vertical : '' ), 'mg' ), var separatorRegex = new RegExp( separator + ( verticalSeparator ? '|' + verticalSeparator : '' ), 'mg' ),
horizontalSeparatorRegex = new RegExp( separator ), horizontalSeparatorRegex = new RegExp( separator ),
notesSeparatorRegex = new RegExp( notes, 'mgi' ), notesSeparatorRegex = new RegExp( noteSeparator, 'mgi' ),
matches, matches,
noteMatch, noteMatch,
lastIndex = 0, lastIndex = 0,
isHorizontal, isHorizontal,
wasHorizontal = true, wasHorizontal = true,
content, content,
asideContent, notes,
slide, slide,
sectionStack = [], sectionStack = [],
markdownSections = ''; markdownSections = '';
// iterate until all blocks between separators are stacked up // iterate until all blocks between separators are stacked up
while( matches = separatorRegex.exec( markdown ) ) { while( matches = separatorRegex.exec( markdown ) ) {
asideContent = null; notes = null;
// determine direction (horizontal by default) // determine direction (horizontal by default)
isHorizontal = horizontalSeparatorRegex.test( matches[0] ); isHorizontal = horizontalSeparatorRegex.test( matches[0] );
@ -108,20 +111,20 @@
if( noteMatch.length === 2 ) { if( noteMatch.length === 2 ) {
content = noteMatch[0]; content = noteMatch[0];
asideContent = noteMatch[1].trim(); notes = noteMatch[1].trim();
} }
slide = { slide = {
content: content, content: content,
asideContent: asideContent || '' notes: notes || ''
}; };
if( isHorizontal && wasHorizontal ) { if( isHorizontal && wasHorizontal ) {
// add to horizontal stack // add to horizontal stack
sectionStack.push(slide); sectionStack.push( slide );
} else { } else {
// add to vertical stack // add to vertical stack
sectionStack[sectionStack.length-1].push(slide); sectionStack[sectionStack.length-1].push( slide );
} }
lastIndex = separatorRegex.lastIndex; lastIndex = separatorRegex.lastIndex;
@ -129,17 +132,17 @@
} }
// add the remaining slide // add the remaining slide
(wasHorizontal ? sectionStack : sectionStack[sectionStack.length-1]).push(markdown.substring(lastIndex)); ( wasHorizontal ? sectionStack : sectionStack[sectionStack.length-1] ).push( markdown.substring( lastIndex ) );
// flatten the hierarchical stack, and insert <section data-markdown> tags // flatten the hierarchical stack, and insert <section data-markdown> tags
for( var k = 0, klen = sectionStack.length; k < klen; k++ ) { for( var k = 0, klen = sectionStack.length; k < klen; k++ ) {
// vertical // vertical
if( sectionStack[k].propertyIsEnumerable( length ) && typeof sectionStack[k].splice === 'function' ) { if( sectionStack[k].propertyIsEnumerable( length ) && typeof sectionStack[k].splice === 'function' ) {
markdownSections += '<section '+ attributes +'>' + markdownSections += '<section '+ attributes +'>' +
'<section data-markdown>' + sectionStack[k].map( twrap ).join( '</section><section data-markdown>' ) + '</section>' + '<section data-markdown>' + sectionStack[k].map( createSlide ).join( '</section><section data-markdown>' ) + '</section>' +
'</section>'; '</section>';
} else { } else {
markdownSections += '<section '+ attributes +' data-markdown>' + twrap( sectionStack[k] ) + '</section>'; markdownSections += '<section '+ attributes +' data-markdown>' + createSlide( sectionStack[k] ) + '</section>';
} }
} }