Console in the editor (beta)
Clear console on run
Dark theme
Line numbers
Wrap lines
Indent with tabs
Code hinting (autocomplete) (beta)
Auto-run code
Only auto-run code that validates
Auto-save code (bumps the version)
Auto-close HTML tags
Auto-close brackets
Live code validation
Highlight matching tags
Save anonymous (public) fiddle?
- Be sure not to include personal data- Do not include copyrighted material
Log in if you'd like to delete this fiddle in the future.
Fork anonymous (public) fiddle?
No autoresizing to fit the code
Render blocking of the parent page
Private fiddle PRO
/echo simulates Async calls: JSON: /echo/json/ JSONP: //jsfiddle.net/echo/jsonp/ HTML: /echo/html/ XML: /echo/xml/
/echo
/echo/json/
//jsfiddle.net/echo/jsonp/
/echo/html/
/echo/xml/
See docs for more info.
Created and maintained by Piotr and Oskar.
Hosted on DigitalOcean
All code belongs to the poster and no license is enforced. JSFiddle or its authors are not responsible or liable for any loss or damage of any kind during the usage of provided code.
Links
Bug tracker About Docs Service status
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" width="100" height="100">
<rect width="50" height="50" fill="yellow" />
<circle cx="20" cy="20" r="10" fill="#900" stroke="#000" stroke-width="4" />
</svg>
xxxxxxxxxx
var svg = document.querySelector('svg'),
img = document.querySelector('img');
setImageToSVG(img,svg);
function setImageToSVG(img,svg){
var xml = (new XMLSerializer).serializeToString(svg);
img.src = "data:image/svg+xml;charset=utf-8,"+btoa(xml);
}
Normalized CSS