Designmode problems with resize handles

max oak <[email protected]>
Newsgroups gmane.comp.mozilla.devel.editor
Organization http://groups.google.com
Message-ID <[email protected]>
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.
lmpx.com only provides a reader for public news (NNTP) servers. It is not affiliated with the servers or forums shown here and is not responsible for the content of articles, which is written by their respective authors.