Internet Explorer : 웹 기반 HTML 편집기에서 이미지 크기 조정

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:

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


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

  1. 1

    후속 조치 ... 우리의 훌륭한 문제 해결사 중 한 명인 Marc는 키 누르기 이벤트를 사용하여 이미지를 수정하고 드래그 이벤트 후 종횡비를 유지할 수 있음을 확인했습니다. 그가 전달한 몇 가지 자료는 다음과 같습니다.

    MSDN 1
    MSDN 2
    MSDN 3

  2. 2

당신은 어떻게 생각하십니까?

이 사이트는 Akismet을 사용하여 스팸을 줄입니다. 댓글 데이터 처리 방법 알아보기.