Clean-html by using a less intrusive toolbar in the html: sxc-toolbar and @Edit.TagToolbar

[iJungleboy]

I'm submitting a ...
[x] feature request

...about
[x] edit experience / UI
[x] Razor templating
[x] 2sxc-inpage

Current behavior
Currently toolbars place an <ul> tag in the html (which is then parsed by javascript) and in addition usually need an sc-element class to aid positioning. This has various imperfections, incl.

1. end-user html includes helper classes like sc-element which are simply not usefull, and might cause the web-designer to start programming against that
2. in edit-mode, the html actually has stuff in it, which is different from read-mode
3. the tags have some styles overriding other behavior

Expected behavior
A perfect solution would only add something to the output, if the user really is in edit mode, and would ideally leave the html and css-positioning of the page itself unmodified.

What is the motivation / use case for changing the behavior?
Perfection :)

Steps to implement

• define new convention for placing toolbar data in an attribute of a tag - probably sxc-toolbar
• define a new convention for the data format
• define a new convention for "attaching" the toolbar to the item, not using a css-class but using a attribute like sxc-toolbar-hover
• modify the client-side 2sxc-inpage to support this
• ensure that the previous implementation using sc-element still works, or is transformed to the new version
• create server-side helper commands on @Edit.TagToolbar to implement this.
• ensure positioningn etc. works flawlesly

Please tell us about your environment:

• 2sxc version(s): 9.35