Reveal.js
ACE Plugin

Once upon a time…

there was a speaker that liked live coding.

But he struggled with multiple windows.

Opened his IDE, switched back to his talk.

Got confused with the slide in the presentation.

But then he found…

A very easy method to include the well known ACE-Editor into your reveal.js presentations

Three easy steps to include:

Install the plugin
bower install Gottox/reveal.js-ace
Add reveal.js-ace to your dependencies
// ... dependencies: [ { src: 'bower_components/reveal.js-ace/ace.js' } ] // ...
Use it in the presentation
<iframe width=600 height=140 class="ace" data-mode="ace/mode/html" id="MYEDITOR"> Sourcecode! </iframe>

Access the editor from Javascript:

In Action:

Made by