How would you create interactive slides?

[naholyr]

We're benchmarking a few solutions to create dynamic slides. In our case it's about creating AngularJS runnable samples, but it's a more generic question: if you'd want to include some interactivity like buttons and DOM updates, how would you proceed?

[sporto]

You can add plain html to the markdown. It will just render as html. e.g.

    # Agenda

    1. Something
    2. ...

    <button>Click me</button>

Then at the end of the page, just after the remake init you can just use jquery or something else to interact with the page e.g (this assumes that jquery was loaded on the head).

    <script>
      var slideshow = remark.create();
      $('button').on('click', function () {
        alert('hello')
      });
    </script>

[gnab]

@sporto pretty much covers it. In addition, you can use the API into the slideshow navigation, either controlling it yourself or getting notified on navigation events.

[gnab]

I'm closing this one off for now as there hasn't been any activity for almost three weeks. Please re-open if you have any more questions related to this issue.