Ich verwende den nicEdit-Editor und habe mein eigenes Skript zur Größenänderung hinzugefügt. Aber ich möchte die Standard-_moz_resizing deaktivieren, die in Firefox angezeigt wird.
Ich wollte eine bessere Kontrolle über das Bild haben, das in der Größe geändert wird. (ZB: Lassen Sie nur das Bild die Größe ändern und erben Sie die Breite des übergeordneten Containers.)
Also habe ich ein benutzerdefiniertes Skript geschrieben. Aber da Firefox ein eigenes Steuerelement zur Größenänderung von Bildern hat (_moz_resizing), wie kann ich es deaktivieren? Wenn es keine Möglichkeit gibt, dies zu tun, habe ich eine sehr einfache Problemumgehung, wo ich finde, ob Firefox und mein eigenes Skript ausschalten und stattdessen _moz_resizing verwenden.
Aber ich werde keine feinkörnige Kontrolle haben und ich werde mich darauf verlassen müssen, dass es in Firefox Browserfehler gibt. : (
Sie können dies deaktivieren, indem Sie in Firefox zu "about: config" wechseln - ändern Sie browser.enable_automatic_image_resizing in false.
In Firefox können die nativen Steuerelemente zur Größenänderung von Bildern mit dem Befehl enableObjectResizing deaktiviert werden. Dieser Befehl muss ausgeführt werden, nachdem designMode auf "on" gesetzt wurde.
%Vor%Sobald die systemeigenen Größenänderungssteuerelemente deaktiviert sind, sollte das Attribut _moz_resizing nicht mehr angezeigt werden. Es wird als Nebeneffekt der nativen Steuerelemente angezeigt, aber das Vorhandensein oder der Wert des Attributs wirkt sich nicht direkt auf die Steuerelemente selbst aus. Der einzige Zweck besteht darin, einen dünnen schwarzen Umriss um das Element zu erzeugen, dessen Größe geändert wird.
Die meisten Rich-Text-Editoren im Browser verwenden einen iframe, um ihren Inhalt anzuzeigen. Wenn sich die CSS-Position dieses iframe ändert (z. B. von static auf absolut), werden die Auswirkungen des Befehls enableObjectResizing rückgängig gemacht. Der Befehl kann wiederholt werden, um die nativen Steuerelemente wieder zu deaktivieren. Dies ist sehr verwirrend, da es keinen Hinweis darauf gibt, dass dies der Fall sein sollte, aber es ist. Wenn enableObjectResizing nicht für Sie funktioniert, stellen Sie sicher, dass Sie festlegen, nachdem Sie CSS-Positionswerte festgelegt haben.
Beachten Sie auch, dass sich der Befehl "enableObjectResizing" auf die Größenänderer für Bilder UND auf absolut positionierte Elemente auswirkt, falls solche im bearbeitbaren Inhaltsbereich vorhanden sind.
Ich habe eine minimale Testseite vorbereitet, die ein funktionierendes Beispiel darstellt.
Tags und Links javascript css resize firefox