Comment puis-je désactiver _moz_resizing?

J'utilise l'éditeur nicEdit et j'ai ajouté mon propre script personnalisé de redimensionnement d'image. Mais je veux désactiver le _moz_resizing par défaut qui apparaît dans Firefox.

Je voulais avoir un contrôle plus précis sur l'image redimensionnée. (Par exemple: autorisez uniquement l'image à redimensionner et à hériter de la largeur du conteneur parent).

J'ai donc écrit un script personnalisé. Mais comme Firefox a son propre contrôle de redimensionnement d'image (_moz_resizing), comment le désactiver? S'il n'y a pas moyen de le faire, j'ai une solution de rechange très simple où je détecte si Firefox et éteignez mon script personnalisé et utilisez le _moz_resizing à la place.

Mais je n'aurai pas de contrôle de qualité et je devrai compter sur des bugs de navigateur dans Firefox. 🙁

Vous pouvez désactiver cela en allant vers: config dans Firefox – modifiez le navigateur.enable_automatic_image_resizing en false.

Dans Firefox, les contrôles de redimensionnement d'image natifs peuvent être désactivés à l'aide de la commande enableObjectResizing . Cette commande doit être exécutée après que designMode ait été réglé sur "on".

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

Une fois que les contrôles de redimensionnement natifs sont désactivés, vous ne devriez pas voir apparaître l'attribut _moz_resizing. Il apparaît comme un effet secondaire des contrôles natifs, mais la présence ou la valeur de l'attribut n'affecte pas directement les contrôles eux-mêmes. Son seul but est de déclencher un mince contour noir autour de l'élément redimensionné.

La plupart des éditeurs de texte riches en navigateur utilisent un iframe pour afficher leur contenu. Si la position CSS de cet iframe change (par exemple, de la statique à l'absolue), elle annulera les effets de la commande enableObjectResizing. La commande peut être répétée pour éteindre les contrôles natifs. C'est très déroutant, car il n'y a aucune indication que ce soit le cas, mais c'est le cas. Si enableObjectResizing ne fonctionne pas pour vous, assurez-vous de le définir après avoir défini les valeurs de position CSS.

Notez également que la commande "enableObjectResizing" affectera les résisateurs pour les images et les éléments absolument positionnés, si tel est le cas dans la zone de contenu modifiable.

J'ai préparé une page de test minimale illustrant un exemple pratique de ceci.