Tôi làm cách nào để vô hiệu hóa _moz_resizing?

Question

Tôi đang sử dụng trình chỉnh sửa nicEdit và tôi đã thêm tập lệnh thay đổi kích thước hình ảnh tùy chỉnh của riêng mình vào đó. Nhưng tôi muốn vô hiệu hóa mặc định _moz_resizing xuất hiện trong Firefox.

Tôi muốn kiểm soát tốt hơn hình ảnh đang được thay đổi kích thước. (Ví dụ: Chỉ cho phép thay đổi kích thước hình ảnh và thừa hưởng chiều rộng của vùng chứa chính).

Vì vậy, tôi đã viết một tập lệnh tùy chỉnh. Nhưng vì Firefox có điều khiển thay đổi kích thước hình ảnh của riêng nó (_moz_resizing) làm cách nào để vô hiệu hóa nó? Nếu không có cách nào để làm như vậy, tôi có một giải pháp rất đơn giản, nơi tôi phát hiện nếu Firefox và tắt kịch bản tùy chỉnh của tôi và sử dụng _moz_resizing thay thế.

Nhưng tôi sẽ không có quyền kiểm soát chi tiết và tôi sẽ phải dựa vào đó là lỗi trình duyệt trong Firefox. :(

Answer 1

Bạn có thể vô hiệu hóa điều này bằng cách vào about:.. Config trong Firefox - thay đổi browser.enable_automatic_image_resizing false

Answer 2

Trong Firefox, hình ảnh quê hương thay đổi kích thước điều khiển có thể được vô hiệu hóa bằng cách sử dụng lệnh enableObjectResizing Lệnh này phải được thực hiện sau khi designMode đã được thiết lập để "vào".

document.designMode = "on"; 
document.execCommand('enableObjectResizing', false, 'false'); 

khi các điều khiển thay đổi kích thước tự nhiên bị vô hiệu hóa, bạn không nên xem các _moz_resizing thuộc tính xuất hiện. Nó xuất hiện như một tác dụng phụ của các điều khiển bản địa, nhưng sự có mặt hoặc giá trị thuộc tính không ảnh hưởng trực tiếp đến các điều khiển. là để kích hoạt một đường viền màu đen mỏng xung quanh phần tử được tái kích thước.

Hầu hết các trình chỉnh sửa văn bản có định dạng trong trình duyệt đều sử dụng khung nội tuyến để hiển thị nội dung của họ. Nếu vị trí CSS của iframe này thay đổi (giả sử, từ tĩnh thành tuyệt đối), nó sẽ hoàn tác tác dụng của lệnh enableObjectResizing. Lệnh có thể được lặp lại để bật lại các điều khiển gốc. Điều này là rất khó hiểu, vì không có dấu hiệu cho thấy đây là trường hợp, nhưng nó được. Nếu enableObjectResizing không hoạt động cho bạn, hãy chắc chắn bạn đang đặt nó sau bạn đặt bất kỳ giá trị vị trí CSS nào. Cũng cần lưu ý rằng lệnh "enableObjectResizing" sẽ ảnh hưởng đến trình đổi kích thước cho hình ảnh và các phần tử được định vị hoàn toàn, nếu có tồn tại trong vùng nội dung có thể chỉnh sửa.

Tôi đã chuẩn bị một minimal test page minh họa ví dụ làm việc về điều này.