Reveal.js: Destroy Reveal

[kayz1]

How can I destroy Reveal after the use?

Reveal.initialize(); // first initialization
... // usage
Reveal.destroy(); // clean up && reset internal state?

So I can use it again (show same or another presentation) without messing up the slides?

[ebertmi]

That would be super helpful, when loading presentations dynamically.

[FeliciousX]

:+1: We really need this feature! For now I just did the hackish way and use Reveal.removeEventListeners() and Reveal.addEventListeners()

[ebertmi]

Thanks for the tipp with the EventListeners. I noticed that this is not enough in my case. I try to dynamically reload the presentation and the layout gets messy.

After initializing I do this:

      // rearrange layout
      Reveal.layout();

      try {
          Reveal.slide(0, 0, 0);
      } catch (ex) {
        // figure out why this happens sometimes
        console.log(ex);
      }

[bnjmnt4n]

Closing as duplicate of #1145:

There isn't, reveal.js makes lots of changes to the DOM so it would be difficult to roll all that back. Perhaps you could work around this by reloading the page and not initializing the framework.

[akash-pal]

Even reloading the page doesn't work, this issue needs to be reopened.

[MaximVanhove]

@akash-pal I found out that this resets your presentation even if your dom has changed

Reveal.initialize()
Reveal.slide(-1, -1, -1)
Reveal.sync()

[akash-pal]

@MaximVanhove thanks for your reply,
I actually commented out the below line:

```
// Make sure we only initialize once
// if( initialized === true ) return;

This enabled me to initialize again when I changed the page. 

I also had autoSlide on

       `Reveal.configure({ autoSlide: 4000 });`

So when I changed the page, I wrote a function to cancel the time and slide to the first slide. 

      ```
 cancelTimer: function(){
            pause();
            slide(0);
    }

I have then exposed the cancelTimer via the API.

This way I am able to use reveal in AngularJS

[MaximVanhove]

Great that you got it working. I'm actually using this in Vue 😀

[PhamMinhKha]

@akash-pal I found out that this resets your presentation even if your dom has changed

Reveal.initialize()
Reveal.slide(-1, -1, -1)
Reveal.sync()

thank you. you save my day