DEV Community

Discussion on: Welcome Thread - v186

Collapse
 
michaeltharrington profile image
Michael Tharrington • Edited

Hey folks!

Quick tip for ya: If you want to embed content into your posts or comments, you can easily do so using syntax like the following:

{% embed https://www.youtube.com/watch?v=dQw4w9WgXcQ %}

Just swap out that YouTube link for something else and depending on where the link leads, it should embed. The embeds we support can be seen in this picture:

DEV Community Comment, DEV Community Link, DEV Community Link, DEV Community Listing, DEV Community Organization, DEV Community Podcast Episode, DEV Community Tag, DEV Community User Profile, asciinema, CodePen, CodeSandbox, DotNetFiddle, GitHub Gist/Issue/Repository, Glitch, Instagram, JSFiddle, JSitor, Loom, Kotlin, Medium, Next Tech, Reddit, Replit, Slideshare, Speaker Deck, SoundCloud, Spotify, StackBlitz, Stackery, Stack Exchange/Stack Overflow, Twitch, Twitter, Twitter timeline, Wikipedia, Vimeo, YouTube

Notice that you can embed to other DEV posts and profiles, for instance check out this announcement post by @aritdeveloper about updates to our embed feature:

If you got any questions about embeds or anything else, don't hesitate to hit me up. Always happy to help!

Collapse
 
aianshume profile image
Anshu Meena

Hello 👋

Collapse
 
ccoveille profile image
Christophe Colombier

is there a post I could "save" for later, mentioning all the supported embed link ?

Collapse
 
michaeltharrington profile image
Michael Tharrington

Heyo!

That's a great question.

We don't have a post yet, but we do have a page dedicated to our editor guide and the different types of embeds are listed right here under the "Liquid Tags" section. You could potentially bookmark this page with your browser, but we don't actually provide the ability to add pages like this to your reading list.

Another way that you can get to the list of embeds fairly easily is by going to our post editor and clicking into the body content. Next, look to the tab on the right hand side of the page where the contextual clues appear and notice that itsays:

Embed rich content such as Tweets, YouTube videos, etc. Use the complete URL: {% embed https://... %}. See a list of supported embeds.

... and click the link! NOTE: If you click that link right now, it won't take you to the list. You must already be in the editor for it to work.

And this explanation wouldn't be complete without an embed, so here's a loom video that'll walk ya through everything I just said!

Thread Thread
 
ccoveille profile image
Christophe Colombier

Thanks for your post. I think I will make a cross post then :P

Using embed, so people might find it back.

Thread Thread
 
ccoveille profile image
Christophe Colombier

Here it is dev.to/ccoveille/devtoforem-suppor...

So I was able to save it.

Thread Thread
 
michaeltharrington profile image
Michael Tharrington

Oooo smooth move! Nicely done. 👏