{var%20f='http://v.t.sina.com.cn/share/share.php?appkey=1515056452',u=z||d.location,p=['&url=',e(u),'&title=',e(t||d.title),'&source=',e(r),'&sourceUrl=',e(l),'&content=',c||'gb2312','&pic=',e(p||'')].join('');function%20a(){if(!window.open([f,p].join(''),'mb',['toolbar=0,status=0,resizable=1,width=440,height=430,left=',(s.width-440)/2,',top=',(s.height-430)/2].join('')))u.href=[f,p].join('');};if(/Firefox/.test(navigator.userAgent))setTimeout(a,0);else%20a();})(screen,document,encodeURIComponent,'','','https://www.manongdao.com/data/attach/logo/logo.png', '推荐 迷人小祖宗 的问题《code works at jsfiddle but not on my site [closed]》','https://www.manongdao.com/q-814889.html','页面编码gb2312|utf-8默认gb2312'));){kind=link}
here are three sections to jsfiddle CSS, Javascript and HTML so there should be a way to have an HTML file with three sections which say Drop CSS code here, Drop HTML Here and Drop Javascript here. It doesn't work yet but currently I have
<html>
<head>
<title>Some Title</title>
<style type="text/css" media="screen">
<!-- CSS Section From JSfiddle Goes Here -->
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"> </script>
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8.23/jquery-ui.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// Javascript Section From JSfiddle Goes Here
});
</script>
</head>
<body>
<!-- HTML Section From JSfiddle Goes Here -->
</body>
</html>
It seems like this would be an easy thing do do mindlessly like it could be automated or can it ? Seems like a lot of people are are finding the examples at JSfiddle not helpful because there is some magic going on at JSfiddle which they are not sharing with us.
You can do this pretty easily. Save your fiddle and then click the share button. Take the full screen edit URL and paste it into a new tab. Right click in the main area where the example is and view the source. Save that and you have a working copy.