An online playground with an instantly ready coding environment. Combine language preprocessors, CSS, HTML and JavaScript to create and share coding examples.
Home Page: fiddlesalad.com
License: GNU General Public License v3.0
Will there be c and c++
When I try to save a project (authenticated with Twitter) I get an alert:
"Sorry there was an error processing the request"
The debugger shows this error:
Failed to load resource http://localhost/static/ajax/checkspelling.php
<html> and <body> tags...
Like suggested by the tips window, I'm trying to hover css values, no tolltip pops up
Hi, I want to use fiddlesalad in my localhost. But I can't install in. please help me.
3-603(b)
You can get a free certificate directly from Let's Encrypt, or use a service like Cloudflare
Tried using FiddleSalad with a SASS CSS ( SCSS ) ....
did not work AT ALL...
could not compile......
It wasn't clear the coffeescript files needed compiling.
For many Ubuntu / Debian users it would probably be helpful to suggest these extra steps as part of the install:
sudo apt-get install coffeescript
cd static/js/
coffee -cw -o ./compiled-coffee ./
sudo npm install -g less
Please note I changed the direction of the slash at the end of the coffee compile instruction!
When ppl first see fiddlesalad they have the page where they select the defaults for the IDE interface.
It's very hard to understand what goes over there.
After some research I've found out that the top part, has like a slideshow of examples of chosen languages.
Sometimes the timeout on the slideshow hits exacly when user hovers an option, and that creates an illusion that the slideshow changes on hover, sometimes it syncs with the click.
The CTA (go button) can be hardly spotted.
Opal is a Ruby to JS compiler. It would be nice to have Opal support.
I created a fiddle, saved it, and lost everything. Dashboard shows nothing, is this no longer supported?
ImportError at /python/compile/
No module named pyvascript.grammar
Request Method: GET
Request URL: http://127.0.0.1:8000/python/compile/
Django Version: 1.4.2
Exception Type: ImportError
Exception Value:
No module named pyvascript.grammar
Exception Location: /home/luke/pyjscloud/fiddlesalad/../fiddlesalad/python/views.py in , line 4
Python Executable: /usr/bin/python
Python Version: 2.7.2
Python Path:
['/home/luke/pyjscloud/fiddlesalad',
'/usr/local/lib/python2.7/dist-packages/autobahn-0.5.1-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/Twisted-12.0.0-py2.7-linux-i686.egg',
'/usr/local/lib/python2.7/dist-packages/pylint-0.25.2-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/logilab_astng-0.24.0-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/logilab_common-0.58.1-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/nose-1.2.1-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/docopt-0.5.0-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/pyquery-1.2.1-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/cssselect-0.7.1-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/cloud_ide-1.0.0-py2.7.egg',
'/usr/local/lib/python2.7/dist-packages/Django-1.4.2-py2.7.egg',
'/usr/lib/python2.7',
'/usr/lib/python2.7/plat-linux2',
'/usr/lib/python2.7/lib-tk',
'/usr/lib/python2.7/lib-old',
'/usr/lib/python2.7/lib-dynload',
'/usr/local/lib/python2.7/dist-packages',
'/usr/lib/python2.7/dist-packages',
'/usr/lib/python2.7/dist-packages/PIL',
'/usr/lib/python2.7/dist-packages/gst-0.10',
'/usr/lib/python2.7/dist-packages/gtk-2.0',
'/usr/lib/pymodules/python2.7',
'/usr/lib/python2.7/dist-packages/ubuntu-sso-client']
I have no idea how this happened but when I named and saved the program I had been working on for the past 5 hs it erased it entirely, sent me to the home page and provided no access to the project again. PLEASE answer if there is a way to solve the issue.
Hi there,
I tried using http://fiddlesalad.com/coffeescript/angularjs-one-page-template/ with AngularJS. I can't get it to update output automatically. I have to click 'refresh' each time.
Is there a solution for this?
Thanks so much.
The buttons aren't aligned, they look all different.
The panel itself is hovering over another panel and is very obstructive
I put <input type="button" value="+" /> into the tool to convert to haml.
when placed in the haml window it translates to
%input#newoperand{:type => "button", :value => "+"}/
which then renders into <input />
I was able to authenticate myself with Twitter, but neither Google nor Facebook worked.
Google gives an error window with this information:
ValueError at /login/google-oauth/ Key and secret must be set. Request Method: GET Request URL: http://localhost:8000/login/google-oauth/ Django Version: 1.4.3 Exception Type: ValueError Exception Value: Key and secret must be set. Exception Location: /usr/local/lib/python2.7/dist-packages/oauth2/__init__.py in __init__, line 203 Python Executable: /usr/bin/python Python Version: 2.7.3
Facebook gives a facebook page, but says:
Error
An error occurred. Please try again later.
This might not happen if I stayed logged into facebook.
It seems that TypeScript implementation in FiddleSalad is not targeting ES5 syntax and therefore cannot use several TS features like properties:
"Property accessors are only available when targeting ES5 or greater."
From the following:
class SomeBackboneModel extends Backbone.Model {
public get PointsData(): IPoint[] { return this.get("PointsData");
}
It should be trivial to correct this so please do, thanks!
For auto-completes where quotations are used, would be nice if the cursor was placed inside of quotations instead of one full space after closing quotation.
ie. class="{place cursor here}" {not here}...
Hi. First time opening your site. This is what I see:
There are no errors in the JS console, but it seems more sane when I change the width of the parent div#options to 350px.
At first, I thought it might be an issue with Google Chrome, so I tested in a few other browsers to make sure. Unfortunately, I saw the same exact issue in every browser I tested in. Here's a list of the browsers I tested.
| OS: | Mac OS X 10.7.3 |
| Browser tested: | Chrome: 10.0.1025.151 Firefox 9.0.1 Safari 5.1.3 |
div{display:none;}
works but not
div#1{display:none;}
luke@ubuntu:~/pyjscloud/fiddlesalad$ python manage.py runserver
Traceback (most recent call last):
File "manage.py", line 11, in
import settings
File "/home/luke/pyjscloud/fiddlesalad/settings.py", line 228, in
FILES['PACKAGES'],
KeyError: 'PACKAGES'
<h1 id="title" >
Memory
</h1>
<div id="menu" >
<p onclick="switchTo(playMenu)" >
Play
</p>
</div>
<div id="playMenu" >
GO
</div>.current{
display:block;
background-color:yellow;
color:red;
}
.off{
display:none;
}function addLoadEvent(func) {
var oldonload = window.onload;
if (typeof window.onload != 'function') {
window.onload = func;
} else {
window.onload = function() {
if (oldonload) {
oldonload();
}
func();
}
}
}
//addLoadEvent(nameOfSomeFunctionToRunOnPageLoad);
addLoadEvent(function() {
document.getElementById("title").className = "current";
});Installing things to /usr/ almost always requires sudo privileges for most people trying to compile this.
I am trying to figure out how I can download this project locally?
Other less compilers i checked dont have this issue, it seems specific to the one fiddlesalad uses.
When i type:
.foo {
> .bar {
baz& {
width: 50%;
}
baz & {
width: 50%;
}
.baz& {
width: 50%;
}
.baz & {
width: 50%;
}
}
}the expected output is
baz.foo > .bar {
width: 50%;
}
baz .foo > .bar {
width: 50%;
}
.baz.foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}Instead, the output is
baz .foo > .bar {
width: 50%;
}
baz .foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}
.baz .foo > .bar {
width: 50%;
}Please support saving the placements and size of the individual windows for a particular workspace. I take time to position my windows for my optimal workflow but when the page refreshes all the panel placement and sizes get reset which is quite frustrating sometimes.
when using coffeescript, the source panel of the transliterated javascript does not have a scroll bar. How do I see the javascript code that is rendered below the viewport?
Thank you again for such a nice playground. Not sure if possible, but would be great if we get Jade-compliant templates as Emmet's output.
clicking save just comes up with "please check for misspellings".
First, let me say that I think that fiddlesalad is brilliant!
Second: I'd like to clone an existing project, but did not see a way to do it.
I added a new project from the dashboard, then went back to the dashboard and never saw it. So I'd like a way to save it.
Can you point me to a doc that will help me out. If such does not exist, I'd be happy to write it if you tell me what the magic is.
I would be nice to authenticate just by email address and password.
I found that Django seems to have an easy way to do this.
I am not familiar enough to know how to hook it up.
the commented out { in the following code makes fiddlesalad fail to render.
var c = $('#container');
$.each(operations, function (i, e) {
//foreach( var e in operations){
var input = document.createElement('input');
$(input).attr('type', 'button').val(e.key)
.attr('id', e.id)
.addClass('operation')
.attr('title', e.id);
c.append(input);
$('input#' + e.id).on('click', function () {
showcalc(e.f);
});
});
Issue Happened : IE 8
Issue :
when i am clicking the Go button , control is going to the workspace browser is posing expcetioins .
Webpage error details
User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; Media Center PC 6.0; .NET4.0C; .NET4.0E)
Timestamp: Thu, 29 May 2014 06:31:07 UTC
Message: Object expected
Line: 22
Char: 200
Code: 0
URI: http://s3.amazonaws.com/pythonfiddle/js/menu.fiddle.js.gz?v=2013111314
Message: Syntax error
Line: 1
Char: 1
Code: 0
URI: http://platform.twitter.com/widgets.js
*) Is this fiddlesalad is compatable with IE 8 ????
This is the case with most people I've shown fiddesalad to, the interface is very off-putting.
There are a lot of examples that use panels instead of windows, (jsfiddle,dabblet,jsbin) etc
Panels are more restrictive but it's might be a good thing, I think salad is way awesome, but alot of people who I showed this to won't give it a change because the UI is not very inviting.
html
How do I delete a fiddle? Thanks!
when I enter the 'python manage.py syncdb' into the commandline, it returns 'Error : No module named chunks' . I am a freshman in Python, and just wanna to run your online tools in my PC. can you tell me how to solve it ? thanks you.
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.