DEV Community

Cover image for Feature update: Rich Content Embeds
Arit Developer for The DEV Team

Posted on

Feature update: Rich Content Embeds

Hello DEV Community!

I'm excited to announce a significant improvement in how we embed rich content (such as Tweets and Youtube videos) in Forem posts and comments.๐ŸŽ‰

Now, you need just the embed keyword and the complete URL of the resource:

{% embed https://... %}
Enter fullscreen mode Exit fullscreen mode

Prior to this change, we embedded rich content by using keywords specific to the type of embed being created. For example, to embed a GitHub repository, we would use the github keyword and the slug to the repository:

{% github forem/forem %}
Enter fullscreen mode Exit fullscreen mode

With our new approach, all you need is the complete URL to the repository:

{% embed https://github.com/forem/forem %}
Enter fullscreen mode Exit fullscreen mode

Our Editor's Guide contains a list of supported content types. Note that embeds that were created using the former approach will still work for now. Eventually, the former approach will be deprecated.

Do jump in and try this new rich-content embed approach out! Please report any bugs you may encounter - thanks!


Originally published on Forem.dev.

Top comments (17)

Collapse
 
michaeltharrington profile image
Michael Tharrington • Edited

In celebration of this update, I'm gonna embed something here:

I've been really digging this song this AM. ๐Ÿ˜๐Ÿ‘‡

Collapse
 
atulcodex profile image
๐Ÿšฉ Atul Prajapati ๐Ÿ‡ฎ๐Ÿ‡ณ

oh you just tested this new feature :)

Collapse
 
ben profile image
Ben Halpern

Arit, you crushed this.

Collapse
 
aritdeveloper profile image
Arit Developer

Thank you Ben!

Collapse
 
andypiper profile image
Andy Piper

Do the new embeds have a way to hide the GitHub README to make the embed more compact? In the other Liquid format, it worked to add noreadme to the tag.

Collapse
 
aritdeveloper profile image
Arit Developer

Thank you Andy. Would you please open a ticket for this?

Collapse
 
andypiper profile image
Andy Piper

Issue #16673 ๐Ÿ‘

Collapse
 
andypiper profile image
Andy Piper

Cool! Thanks for the update! Will we need to update any older content (since the former approach will be deprecated in the future), or will that be handled for us?

Collapse
 
aritdeveloper profile image
Arit Developer

Youโ€™re welcome Andy!

Great question! While we have not decided, we will most probably handle the updates of v1 embeds ourselves.

Collapse
 
siddharthshyniben profile image
Siddharth

Wait โ€“ I already found a bug lol

{% embed https://google.com/ %} doesnt seem to work

Collapse
 
aritdeveloper profile image
Arit Developer • Edited

Hello @siddharthshyniben, the link you used is not currently supported.

You can find a list of currently supported embeds here: dev.to/p/editor_guide#liquidtags

Collapse
 
rolandixor profile image
Roland Taylor

Very handy! Thanks!

Collapse
 
thomasbnt profile image
Thomas Bnt

Ooooh coooool ๐Ÿฅณ๐Ÿฅณ๐Ÿฅณ

Collapse
 
metacollective profile image
metacollective

Hey Arit,

This is brilliant! Thanks for letting us know. Now, all I have to do is find a way to get it into my next post ;)

Collapse
 
rsidhhvin profile image
Kevin Costa

Thanks for the information!

Collapse
 
gwigwam profile image
GWigWam

But what does this mean for user privacy? Won't this enable these companies to do cross-site tracking?