[jQuery] jQuery theme/tempate/skin editor?
I'm looking at the feasability of a tool for converting existing HTML/CSS
files into templates with jQuery and wondering if anyone has or is working
on relevant pieces. This is pretty much at the "things I wish I had time
for" stage, but I thought I'd do some scoping anyway.
The idea is to facilitate/enable development of site templates from existing
designs. The specific appliction is Drupal's PHPTemplate system, but the
approach should be extensible to different templating systems. It would work
something like this:
* User is prompted for an existing page, the body of which is loaded e.g.
into a new div.
* On mouseover of the new page, elements are outlined or otherwise marked
(like e.g. in a DOM inspector). Information is displayed about the elements,
e.g., the nodeType, any classes, etc.
* When user clicks an element, he/she is prompted to select from a
predesignated list of template names. This is the template type to be
created. For example, PHPTemplate template types include 'page' (for a full
page), 'block' (for sidebar elements), and 'node' (for a content type).
* The selected element is written to a WYSIWYG edit interface for editing.
User can delete irrelevant content and then replace it with template tags,
saving the result as a template. Each template type has its list of
available tags. For example, the 'page' template might have tags including
'blocks-right', 'blocks-left', and 'content'.
The pieces to do this would include something like:
* AJAX loading of the external page
* DOM inspector--mousover highlights area to be selected and shows data
about it
* Element editor--selected element, with all child elements, is rendered for
editing into editing area. Minimum functionality:
- select and delete existing child elements
- insert from a list of available tags
- add appropriate class names to enclosing elements
Nice extras:
- match and convert existing CSS classnames to equivalents from the
template
Any tips, leads, critiques, collaboration would be welcome!
Nedjo Rogers
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/