Removing resize handlers on contentEditable div

html richtextbox contenteditable designmode richtextediting
Ben McCann picture Ben McCann · Dec 18, 2009 · Viewed 13.3k times · Source

I created a contentEditable div to use as a rich textarea. It has resize handlers around it that I'd like to get rid of. Any idea how I'd do this?

Edit: This appears to be happening because I am absolutely positioning the div, so Firefox adds an infuriating _moz_resize attribute to the element which I cannot turn off.

alt text

Answer

ZoogieZork picture ZoogieZork · Dec 18, 2009

Just as a side note, you can disable Firefox's automatic resize handle feature by sending the (somewhat poorly-documented) enableObjectResizing command to the document:

document.execCommand("enableObjectResizing", false, false);

AFAIK, this can only safely be done once the document has loaded, and there's no way I know of to disable the grabber, which is a separate feature.

Related questions

Textarea that can do syntax highlighting on the fly?

I am storing a number of HTML blocks inside a CMS for reasons of easier maintenance. They are represented by <textarea>s. Does anybody know a JavaScript Widget of some sort that can do syntax highlighting for HTML …

Read More
Decrease the line spacing in TinyMCE textarea

I am using TinyMCE to provide a rich text editing text editor. But the line spacing between the lines is too much. I have added a screenshot that shows the line spacing I get on pressing an enter. What can …

Read More
How do I make a rich text input box field like StackOverflow has?

I am working on a site that depends on user generated content, and it would be very nice to also have a way to let the users enter rich text. How do they accomplish the rich text like they do …

Read More