views:

46

answers:

2

Is there a plugin for jQuery or generally a method to have a textarea containing CSS code of the currently open web page which will be automatically updated during edit (without page reload)?

+1  A: 

It's not exactly a general solution you're asking for, so just throwing this out there in case it's what you're ultimately after. If your goal is to edit and play with your styles there's Firebug, or Chrome's built-in developer tools.

The JavaScript version is Firebug Lite.

Nick Craver
Thanks, I already knew about this one – but I'm rather looking for something like a CSS sandbox. Firebug Lite isn't customizable, the solution should be more flexible because I need to integrate it into a CMS.
Daniel
@Daniel - I don't think there's a "general"/"pluggable" one out there since it's such a highly specialized thing, tweaking specific styles like themeroller does maybe, but that's about it...sorry that answer sucks, but I don't think what you're looking for exists, at least as a pluign, but hopefully someone *has* seen this and proves me wrong :)
Nick Craver
A: 

Thank you guys – most of all thanks to takeshin (who posted a comment to my original question).

takeshin's comment helped me quite a bit: With jQuery, I inserted the edited CSS code from a code highlighter called Codemirror into the head of the page. It's as simple as that. :)

Daniel