Scrub values in JavaScript live

Very cool. Just wanted to mention that we've had the same capability in the Khan Academy CS environment for a few months now:<p><a href="http://www.khanacademy.org/cs/gear/1178931559" rel="nofollow">http://www.khanacademy.org/cs/gear/1178931559</a><p>Read John Resig's blog post for more details: <a href="http://news.ycombinator.com/item?id=4382076" rel="nofollow">http://news.ycombinator.com/item?id=4382076</a>

This is very impressive and cool. However I really don't think that parsing source code and manipulating is a very maintainable way to do this (and this as someone who writes Clojure for a living).<p>You could do exactly the same using very simple Knockout. It wouldn't be as funky, but it would be something you'd be happy to use in production.

Interesting implementation! I'm using CodeMirror tokens and regexs to make numbers scrubbable and hex colors pickable: <a href="http://tributary.io/tributary/2958568/" rel="nofollow">http://tributary.io/tributary/2958568/</a><p>I've been wanting to explore the route you took more, especially for doing even more code modification. I'd like to let users click on a number and turn it into a variable, or have a special object where members are added to the global table. You can then create controls external to the code with that table and hide the code (good for presenting after you're done coding). Looking forward to checking out your code!<p>my project: <a href="http://tributary.io" rel="nofollow">http://tributary.io</a>

I forked your code and implemented one of your todos: Added the ability to input values when double clicking a scrubber.<p><a href="https://github.com/nornagon/scrubby/pull/1/files" rel="nofollow">https://github.com/nornagon/scrubby/pull/1/files</a>

Nice! Just a thought, values can go beyond the valid range. For example: dividing by zero, having negative values for RGB, and negative height/widths.

Does anyone know if there is a similar editor component for Gtk, QT or Wx ?<p>EDIT: Ideally for python.

It doesn't work in Firefox 19.

What would be the use cases for this, other than education?

Very clever.