My project in Kompozer:

Currently, the DOM Explorer sidebar displays the HTML tree and the CSS rules that are applied to the current element. This DOM Explorer tree should be editable:

  • rename / remove HTML nodes (elements)
  • move HTML nodes in the tree with a drag and drop
  • adjust / remove existing CSS properties
  • add new CSS properties for an existing selector

When an external CSS stylesheet has been modified, it should be marked as such in the DOM Explorer; when the user saves the related HTML document, he should be prompted to save modified stylesheets… or cancel the modifications on the CSS.