Hi, I try to create a new user interface for a web CMS. My idea is to have the complete page as "editable area", with selectable and unselectable elements inside it. To create a cross-browser solution, I'm using the designmode approach... loading the whole page in an iframe and using an html-editor to work on ist.
Unfortunately, there are some problems, I could not solve until now. If "designmode" ist activated, tables and images get "resize handles" and I can't find a way to hide ore deactivate them. I tried to use CSS with "-moz-user-select: none", then the handles disappear, but this turns the whole element to be unselectable with all its children.It can't be overridden by a child element - so it's impossible to have a single "td" selectable inside a "table" unselectable. (For images moz- user-select works fine.) This is a very urgend problem, and it seems I can't go on with my project without a control over this behaviour. It is confusing for a user, if he can destroy the pagelayout using this handles. So: how to remove the handles? Does anybody knows a simple way to control the selection-behavior of elements in designmode? Here are some other designmode topics, I tried to find a solution: - Form-elements are deactivated - "onclick", "onmouseover" ... are not working (but you can use addEventListener) - Links are always underlined and blue If anybody has some knowledge about this, I would be glad. Thanks. _______________________________________________ dev-tech-editor mailing list [email protected] https://lists.mozilla.org/listinfo/dev-tech-editor
