What events are triggered when resizing an image in designMode/contentEditable?

Posted by Brendon Muir on Stack Overflow See other posts from Stack Overflow or by Brendon Muir
Published on 2010-04-30T01:49:29Z Indexed on 2010/04/30 1:57 UTC
Read the original article Hit count: 431

Filed under:

resize-image

|

contenteditable

In Firefox and IE when you enable contentEditable on a div that contains an image, the image gets handles when clicked on that allow you to resize it. I'm struggling to find an event that fires after the resize occurs. I want to be able to update a properties inspector with the correct height and width values when the resize takes place.

Is this possible, and if so, how? :)

© Stack Overflow or respective owner

Related posts about resize-image

Resize image proportionally with CSS?

as seen on Stack Overflow - Search for 'Stack Overflow'
Is there a way to resize (scale down) images proportionally using ONLY CSS? I'm doing the JavaScript way, but just trying to see if this is possible with CSS. >>> More
resize image in asp.net

as seen on Stack Overflow - Search for 'Stack Overflow'
I have this code to resize an image but the image doesn't look so good: public Bitmap ProportionallyResizeBitmap(Bitmap src, int maxWidth, int maxHeight) { // original dimensions int w = src.Width; int h = src.Height; // Longest and shortest dimension int longestDimension =… >>> More
eZ publish to resize image not scale

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi, In eZ publish at the moment Im using the following in image.ini.append.php [largepic] Reference= Filters[] Filters[]=geometry/scale=580;270 Which does work fine. However for testing purposes I want to resize the image, scaling it up if needed - the image will be 580x270, even if the original… >>> More
php resize image

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a class to read and output the image content, if $width is set, it will resize the image, and then output it. If I call the function like this $image-readImage('123.jpg'); , it can output the image file correctly, but when I call $image-readImage('123.jpg'); , it just display a black image… >>> More
Resize image to 100% height of a div and keep aspect ratio

as seen on Stack Overflow - Search for 'Stack Overflow'
Here is a quick sketch. I would like to achieve that images in the gallery div will be 100% of the height of the gallery div and keep the aspect ratio AND that images would resize as you would change the size of browser. Is this possible? Any help would be much appreciated. Here is what… >>> More

Related posts about contenteditable

Make an h2 tag unremovable in a contenteditable section

as seen on Stack Overflow - Search for 'Stack Overflow'
is it possible to make a section within a contenteditable element permanent, so that a user cannot remove it? I have an h2 tag in a contentEditable div. I don't want the user to edit the h2 tag, so I set contentEditable=false, but the user can still select and remove it, which I want to disallow… >>> More
Set caret position in contenteditable div layer in Chrome/webkit

as seen on Stack Overflow - Search for 'Stack Overflow'
Hello, I'm trying to set the caret position in a contenteditable div layer, and after a bit of searching the web and experimenting I got it to work in firefox using this: function set(element,position){ element.focus(); var range= window.getSelection().getRangeAt(0); range.setStart(element… >>> More
contentEditable javascript caret placement in div

as seen on Stack Overflow - Search for 'Stack Overflow'
I have a contentEditable div. Let's say the user clicks a button that inserts HTML into the editable area. So, they click a button and the following is added to the innerHTML of the contentEditable div: <div id="outside"><div id="inside"></div></div> How do I automatically… >>> More
How to edit a link within a contentEditable div

as seen on Stack Overflow - Search for 'Stack Overflow'
Does anyone have any suggestions on how to edit an link in a contentEditable div? It would be ideal once the link is either clicked with mouse, or the cursor hits the link, that the a small prompt would pop up and allow the user to change the href property of the link. The prompt isn't the issue… >>> More
How to move cursor to end of contenteditable entity

as seen on Stack Overflow - Search for 'Stack Overflow'
Hi I need to move caret to end of 'contenteditable' node like on gmail notes widget i read threads on stackoverflow, but that solutions use input's and doesn't work with content editable >>> More