Internet Explorer: Thay đổi kích thước hình ảnh trong trình soạn thảo HTML dựa trên web

Chúng tôi đã có một vấn đề thú vị là đưa ra một trình soạn thảo HTML nội tuyến trong công việc của tôi. Trình chỉnh sửa rất mạnh mẽ và được xây dựng độc đáo bằng Javascript để nó không yêu cầu bất kỳ tải xuống hoặc plugin nào. Tuy nhiên, một điều mà chúng tôi nhận thấy là Internet Explorer không hoạt động tốt với việc thay đổi kích thước hình ảnh trong trình chỉnh sửa (dựa trên một vùng văn bản).

Đây là một ví dụ, sử dụng trình soạn thảo của TinyMCE:
http://tinymce.moxiecode.com/example_full.php?example=true

Nếu bạn mở trình chỉnh sửa này trong Firefox, bạn sẽ nhận thấy rằng việc kéo hình ảnh sẽ duy trì tỷ lệ co của hình ảnh:

TinyMCE

Tuy nhiên, trong Internet Explorer, nó hoàn toàn không duy trì tỷ lệ khung hình. Có thể giới hạn kích thước của hình ảnh khi nó được kéo trong Internet Explorer không? Tôi đã lùng sục khắp nơi trên mạng và sắp có cái này trống rỗng! Có ai đã giải quyết vấn đề này bằng cách lấy lại các thuộc tính từ đối tượng DOM và sau đó sắp xếp đúng tỷ lệ hình ảnh đã hoàn thành chưa? Bất kỳ mẹo hoặc thủ thuật sẽ được đánh giá cao!

2 Comments

  1. 1

    Chỉ là phần tiếp theo… một trong những trình khắc phục sự cố tuyệt vời của chúng tôi, Marc, đã xác định rằng anh ấy có thể sử dụng sự kiện nhấn phím để sửa đổi hình ảnh và duy trì tỷ lệ khung hình sau một sự kiện kéo. Dưới đây là một số tài nguyên mà anh ấy đã truyền lại:

    MSDN 1
    MSDN 2
    MSDN 3

  2. 2

Bạn nghĩ gì?

Trang web này sử dụng Akismet để giảm spam. Tìm hiểu cách xử lý dữ liệu nhận xét của bạn.