From within my admin system I require the ability to edit a full html page. Certain areas of this page are marked as 'contenteditable' as I do not want certain elements to be modified. Additionally I would like a static toolbar to be placed at the top of the page underneath the admin bar.
The problem is, the CSS styling of the page I am editing needs to be encapsulated within the container and not overlapping with the admin pages css style. The only way I can do this from my understanding is with an iframe.
I have done this and I am able to edit the 'contenteditable' parts no toolbar appears and the editable elements do not hilight. Is it possible to have the toolbar fixed outside of the iframe but still have the ability to edit the contents of the iframe when elements are selected?
Could someone possibly advise me to a solution or an alternative way of acheiveing this?
Thank you