jsfiddle allows us to add code snippet within our web pages and we can able to customize look and feel of code snippet like changing the visual theme, font color, code background, menu background.
Embedding steps –
- First, go to the jsfiddle.net and create your code snippet.
- Navigate to the Menu and click on Embed
Here, multiple options are available which allows us to customize the look and feel.
It contains 3 sections –
- Visual, and
- Embed Code
- and on the right side, there is preview section.
- By default Light, visual theme is being set but we can change to Dark.
It allows us to set –
- Color of Font,
- Color of Accent color,
- Code background, and
- Menu background
It contains embedding code in two forms Script and iframe. Copy iframe code and use it on your web page.
Here, is an example of embedding