Deaktiviere (img) die Größenänderung von Handles in IE 8-11 in contenteditable und entferne sie, wenn möglich

9

Diese Frage wurde vielleicht schon mehrmals gestellt, aber ich kann das Problem immer noch nicht lösen. Ich baue mein eigenes WYSIWYG und eine der Optionen ist das Einfügen eines Bildes in das contenteditable Element (div). In IE (8-11) werden Größenanpassungen an das angeklickte Bild angefügt. Ich möchte diese Handles entfernen und die Größenänderung in IE vollständig deaktivieren. Kann auch Click-Ereignis auf Bilder in IE 8-10 in contenteditable Element registrieren.

Was ich bisher versucht habe

setzt das Attribut onresizestart des übergeordneten Elements (WYSIWYG) auf function () {return false;}

%Vor%

Der obige Code funktioniert in IE 8-10, das die Größenänderung von Bildern deaktiviert, jedoch in IE 11 fehlschlägt.

Ich habe auch versucht, das oncontrolselect-Attribut des Bildes auf

zu setzen %Vor%

Dadurch wird die Größenänderung deaktiviert und es werden keine Ziehpunkte angezeigt, aber der Benutzer kann das Bild nicht innerhalb des content-fähigen Bereichs ziehen und ablegen.

In Firefox (andere (Webkit) Browser haben solche Dinge nicht implementiert) wird dies durch

erreicht

document.execCommand("enableObjectResizing", false, false);

Also, wie kann ich diese Handles in IE 8-11 deaktivieren / entfernen und auch click-Ereignis auf Bildern in contenteditable registrieren?

    
user3404843 11.03.2014, 07:01
quelle

1 Antwort

3

Setzen Sie das Attribut unselectable auf on auf Ihr Bild:

%Vor%     
Kpatel1989 22.08.2014 11:23
quelle