Embed Codes on Dev.to Using Liquid Syntax with Code Runner

Instead of images from carbon or using code highlighting there is one more interactive way to show the code with preview and code runner. So that people can also edit and see the results for satisfaction and clarity.

printf('Some Python Here! 🔥')

See Markdown behind this Post :-https://dev.to/api/articles/sh20raj/embed-codes-on-devto-using-liquid-syntax-with-runner-3hl4 | See on Codes20

{% embed https://... %}

Embed JavaScript

runkit

// hidden setup JavaScript code goes in this preamble area
const hiddenVar = 42




// visible, reader-editable JavaScript code goes …

beginners carbon code dev edit embed hidden highlighting images interactive javascript people programming python results setup show syntax webdev