Dev.to Top Supported Embedding Liquid Syntax

Sh Raj - Feb 11 - - Dev Community

Dev.to supports embedding various types of content directly into your articles to enrich the reading experience. Here are some embedding options that you can utilize:

Know More :- https://codexdindia.blogspot.com/2024/02/devto-top-supported-embedding-liquid.html

  1. CodePen: You can embed interactive CodePen demos directly into your articles using the following syntax: 
   {% codepen penId %}
Enter fullscreen mode Exit fullscreen mode
  1. Gist: You can embed GitHub Gists into your articles using the following syntax: 
   {% gist username/gistId %}
Enter fullscreen mode Exit fullscreen mode
  1. YouTube Videos: You can embed YouTube videos into your articles using the following syntax (Instead of id you can use link of the video also) : 
   {% youtube videoId %}
Enter fullscreen mode Exit fullscreen mode
  1. Twitter Tweets: You can embed tweets from Twitter directly into your articles using the following syntax: 
   {% twitter tweetUrl %}
Enter fullscreen mode Exit fullscreen mode
  1. Spotify Playlists: You can embed Spotify playlists into your articles using the following syntax: 
   {% spotify playlistUrl %}
Enter fullscreen mode Exit fullscreen mode
  1. Instagram Posts: You can embed Instagram posts into your articles using the following syntax: 
   {% instagram postUrl %}
Enter fullscreen mode Exit fullscreen mode
  1. JSFiddle: You can embed JSFiddle demos directly into your articles using the following syntax: 
   {% jsfiddle fiddleId %}
Enter fullscreen mode Exit fullscreen mode
  1. SoundCloud Tracks: You can embed SoundCloud tracks into your articles using the following syntax: 
   {% soundcloud trackUrl %}
Enter fullscreen mode Exit fullscreen mode
  1. CodeSandbox: You can embed CodeSandbox demos directly into your articles using the following syntax: 
   {% codesandbox sandboxId %}
Enter fullscreen mode Exit fullscreen mode
  1. Twitch Streams: You can embed Twitch streams into your articles using the following syntax: 
   {% twitch streamId %}
Enter fullscreen mode Exit fullscreen mode
  1. Post 
{% post postLink %}
Enter fullscreen mode Exit fullscreen mode
  1. Organization 
{% Organization OrganizationId %}
Enter fullscreen mode Exit fullscreen mode
  1. link 
{% link Link %}
Enter fullscreen mode Exit fullscreen mode
  1. User 
{% user userId %}
Enter fullscreen mode Exit fullscreen mode
  1. Podcast 
{% podcast podcastId %}
Enter fullscreen mode Exit fullscreen mode
  1. Comments 
{% devcomment 40fh %}
Enter fullscreen mode Exit fullscreen mode

You can use the links instead of id's sometimes.

Dev.to also supports some HTML to be exicuted.
summary, details, h1, img, br, video Tag etc.
Remaining you can tell me in comments to modify and enhance the enhancing Article.
These embedding options allow you to include a wide range of content directly within your articles on dev.to, making them more interactive and engaging for your readers.
Also Supports some HTML Syntax.

Supported URL Embeds

  • 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 or Repository
  • Glitch
  • Instagram
  • JSFiddle
  • JSitor
  • Loom
  • Kotlin
  • Medium
  • Next Tech
  • Reddit
  • Replit
  • Slideshare
  • Speaker Deck
  • SoundCloud
  • Spotify
  • StackBlitz
  • Stackery
  • Stack Exchange or Stack Overflow
  • Twitch
  • Twitter
  • Twitter timeline
  • Wikipedia
  • Vimeo
  • YouTube

Image
Why Do So Many People Want To Know About What Is The Average Payout For Asbestosis?
Image
11 Ways To Completely Sabotage Your What Is Self Propelled Wheelchair
Image
Why Developers Choose Databases Over File Storage for Scalable Data Management💾 ➡️ 🗄️

database, filestorage
Image
Here's An Interesting Fact About How To Repair Broken Car Key
Image
The Main Problem With Gas Engineer Near Me, And How You Can Fix It
Image
The Reason Why You're Not Succeeding At Cheap Gas Engineer Near Me
Image
The Most Hilarious Complaints We've Received About Bronx Accident Lawyer
Image
# Digital Chaos: A Day in the Life of Modern Dev Communication

productivity, communication, developer, programming
Image
How A Weekly Coffee Makers Drip Project Can Change Your Life
Image
How Lost Key Car Became The Hottest Trend Of 2023
Image
10 Tell-Tale Signals You Need To Find A New Does ADHD Medication Work
Image
Guide To Lost Key To Car In 2023 Guide To Lost Key To Car In 2023
Image
Your Family Will Thank You For Having This Buy ADHD Medication Online
Image
Cat Flap Installers Near Me
Image
Ten Asbestos Lawsuit Payouts Products That Can Help You Live Better
Image
7 Little Changes That'll Make The Biggest Difference In Your Wall Mounted Electric Fireplace With Heat
Image
Ten What Is The Average Payout For Asbestosiss That Really Change Your Life
Image
Cat Flap Fitters
Image
The 3 Largest Disasters In Asbestos Exposure Lawyer The Asbestos Exposure Lawyer's 3 Biggest Disasters In History
. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .