¿Cómo puedo desactivar _moz_resizing?

Question

Estoy usando el editor de nicEdit y he agregado mi propia secuencia de comandos de cambio de tamaño de imagen personalizada. Pero quiero desactivar el _moz_resizing predeterminado que aparece en Firefox.

Quería tener un control más preciso sobre la imagen que se cambia de tamaño. (Por ejemplo: permita que solo la imagen cambie de tamaño y herede el ancho del contenedor principal.)

Así que escribí un script personalizado. Pero dado que Firefox tiene su propio control de cambio de tamaño de imagen (_moz_resizing) ¿cómo lo desactivo? Si no hay forma de hacerlo, tengo una solución muy simple donde detecto si Firefox y apago mi script personalizado y uso el _moz_resizing en su lugar.

Pero no voy a tener un control detallado y tendré que confiar en que hay errores del navegador en Firefox. :(

Answer 1

Usted puede desactivar esto de ir a about:.. Config en Firefox - browser.enable_automatic_image_resizing cambio en false

Answer 2

En Firefox, el cambio de tamaño de imagen nativa controles puede desactivarse mediante el comando enableObjectResizing Este comando debe ejecutarse después designMode se ha establecido en "on".

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

una vez que los controles de cambio de tamaño nativos están desactivados, no se debe ver el _moz_resizing atributo aparecer. se manifiesta como un efecto secundario de los controles nativos, pero la presencia o el valor del atributo no afecta directamente a los controles en sí. Su único propósito es activar un contorno negro fino alrededor del elemento que se vuelve a clasificar según el tamaño.

La mayoría de los editores de texto enriquecido en el navegador utilizan un iframe para mostrar su contenido. Si la posición CSS de este iframe cambia (por ejemplo, de estática a absoluta), deshará los efectos del comando enableObjectResizing. El comando puede repetirse para volver a desactivar los controles nativos. Esto es muy confuso, ya que no hay indicios de que este debería ser el caso, pero lo es. Si enableObjectResizing no funciona para usted, asegúrese de establecerlo después de establecer los valores de posición de CSS.

También tenga en cuenta que el comando "enableObjectResizing" afectará a los resizer para las imágenes Y a los elementos absolutamente posicionados, si los hubiera, dentro del área de contenido editable.

He preparado un minimal test page ilustra un ejemplo de esto.