DEV Community

Andrew Bone
Andrew Bone

Posted on

Changelog: New SlideShare Liquid Tag

A few days ago @ice-lenor raised an issue asking for the ability to embed SlideShare presentations.

Feature request: embedding SlideShare #1483

I don't seem to be able to embed a slide deck from Slideshare. I've tried the direct link to the slides (this works in WordPress) and the "embed" piece of html from slideshare.

So I think it would be nice to have a possibility to insert a slide deck into a dev.to post.

Thanks a lot!


An example presentation I wanted to share: https://www.slideshare.net/ElenaNikolaeva9/geo-crash-course-127477385

Issues like this are great you simply have to say what you want and anyone can pick it up and run with it.

In order to embed a SlideShare you will need the slides key which is that last part of the embedded src URL, which you can see in the share panel.

<iframe src="//www.slideshare.net/slideshow/embed_code/key/wZudqqTdctjWXA" width="595" height="485" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="//www.slideshare.net/carologic/ai-and-machine-learning-demystified-by-carol-smith-at-midwest-ux-2017" title="AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017" target="_blank">AI and Machine Learning Demystified by Carol Smith at Midwest UX 2017</a> </strong> de <strong><a href="https://www.slideshare.net/carologic" target="_blank">Carol Smith</a></strong> </div>
Enter fullscreen mode Exit fullscreen mode

Then you just add it the tag like so {% slideshare wZudqqTdctjWXA %}

Top comments (4)

Collapse
 
ice_lenor profile image
Elena

This is the fastest implementation ever. Thank you so much for picking it up!

Collapse
 
link2twenty profile image
Andrew Bone

You're welcome πŸ™‚

Collapse
 
ben profile image
Ben Halpern

Woohoo!

Collapse
 
nektro profile image
Meghan (she/her)

That's fantastic! πŸ’œπŸ’œ