Internet Explorer: Pagbabago ng laki ng Mga Larawan sa Web-based HTML Editor

We had an interesting issue come up with an inline HTML editor at my work. The editor is very robust and is nicely built with Javascript so that it doesn’t require any downloads or plugins. However, the one thing that we notice is that Internet Explorer doesn’t play well with image resizing within the editor (which is based in a textarea).

Here’s an example, using TinyMCE’s editor:
http://tinymce.moxiecode.com/example_full.php?example=true

If you open this editor in Firefox, you’ll notice that dragging the image maintains the aspect ratio of the image:

TinyMCE

However, in Internet Explorer, it doesn’t maintain the aspect ratio at all. Is it possible to constrain the dimensions of the image as it’s dragged in Internet Explorer? I’ve scoured the net and I’m coming up empty on this one! Has anyone worked around this issue by getting the properties back from the DOM object and then properly proportioning the completed image? Any tips or tricks would be appreciated!

2 Comments

  1. 1

    Isang follow-up lamang ... isa sa aming mahusay na mga troubleshooter, si Marc, ay nakilala na maaari niyang magamit ang isang keypress event upang mabago ang imahe at mapanatili ang ratio ng aspeto pagkatapos ng isang drag event. Narito ang ilang mga mapagkukunan na naipasa niya:

    MSDN 1
    MSDN 2
    MSDN 3

  2. 2

Ano sa tingin ninyo?

Ang site na ito ay gumagamit ng Akismet upang mabawasan ang spam. Alamin kung paano naproseso ang data ng iyong komento.