Editable HTML, CSS and Javascript within Powerpoint Presentation?

javascript powerpoint plunker
Code Whisperer picture Code Whisperer · Apr 24, 2014 · Viewed 28.5k times · Source

I was wondering if it was possible to have an editable HTML demo interface (like Plunkr) inside powerpoint for doing educational presentations on HTML, JavaScript, etc.

Has anyone done this? Is it possible to embed an iFrame with a link to plunkr or local node server within powerpoint?

Cheers, DS

Answer

Anthony Kong picture Anthony Kong · Dec 2, 2016

You can do it now with Powerpoint Online and the 'Web Viewer' Addin

1) Open your presentation on https://onedrive.live.com

2) Add an addin called 'Web Viewer' from MS

enter image description here

3) Insert it to the presentation and put in your content's url

enter image description here

4) End result

enter image description here

Related questions

Open Source HTML5 Online Powerpoint Viewer

I wondered if anyone is aware of any online powerpoint viewers that are open source? I've looked at http://www.accusoft.com/products/viewer/on-premise/info/overview/ which is the closest thing but it only works with web based documents, …

Read More
Create Powerpoint with JavaScript

JavaScript cannot create files locally on the clients filesystem. However, I am wondering, if it is possible to somehow create a Powerpoint MIME in a web page (a div or a iframe) from some JSON and then let the UserAgent …

Read More
How can I remove a specific item from an array?

I have an array of numbers and I'm using the .push() method to add elements to it. Is there a simple way to remove a specific element from an array? I'm looking for the equivalent of something like: array.remove(…

Read More