diff options
| -rw-r--r-- | README.md | 4 | ||||
| -rw-r--r-- | plugin/speakernotes/client.js | 4 | ||||
| -rw-r--r-- | plugin/speakernotes/notes.html | 9 |
3 files changed, 14 insertions, 3 deletions
@@ -205,6 +205,8 @@ If you're interested in using speaker notes, reveal.js comes with a Node server To include speaker notes in your presentation, simply add an `<aside class="notes">` element to any slide. These notes will be hidden in the main presentation view. +It's also possible to write your notes with Markdown. To enable Markdown, simply add the ```data-markdown``` attribute to your ```<aside>``` elements and reveal.js will automatically load the JavaScript parser. + You'll also need to [install Node.js](http://nodejs.org/); then, install the server dependencies by running `npm install`. Once Node.js and the dependencies are installed, run the following command from the root directory: @@ -229,4 +231,4 @@ You can change the appearance of the speaker notes by editing the file at `plugi MIT licensed -Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se
\ No newline at end of file +Copyright (C) 2011-2012 Hakim El Hattab, http://hakim.se diff --git a/plugin/speakernotes/client.js b/plugin/speakernotes/client.js index b164a56..20f8e2f 100644 --- a/plugin/speakernotes/client.js +++ b/plugin/speakernotes/client.js @@ -28,7 +28,9 @@ indexv : event.indexv, nextindexh : nextindexh, nextindexv : nextindexv, - socketId : socketId + socketId : socketId, + markdown : notes ? notes.getAttribute('data-markdown') != null : false + }; socket.emit('slidechanged', slideData); diff --git a/plugin/speakernotes/notes.html b/plugin/speakernotes/notes.html index 88924c0..f61501d 100644 --- a/plugin/speakernotes/notes.html +++ b/plugin/speakernotes/notes.html @@ -87,6 +87,7 @@ <div id="notes"></div> <script src="/socket.io/socket.io.js"></script> + <script src="/lib/js/showdown.js"></script> <script> var socketId = '{{socketId}}'; @@ -99,7 +100,13 @@ // ignore data from sockets that aren't ours if (data.socketId !== socketId) { return; } - notes.innerHTML = data.notes; + if (data.markdown) { + notes.innerHTML = (new Showdown.converter()).makeHtml(data.notes); + } + else { + notes.innerHTML = data.notes; + } + currentSlide.contentWindow.Reveal.navigateTo(data.indexh, data.indexv); nextSlide.contentWindow.Reveal.navigateTo(data.nextindexh, data.nextindexv); }); |