Firefox - designMode: désactive le redimensionnement des poignées

Question

Comment puis-je empêcher l'utilisateur de redimensionner une image dans designMode? (Désactiver les poignées lorsque l'image est cliqué)

Answer 1

Dites vous tournez contentEditable comme ça:

document.body.contentEditable = true; 

Tout ce que vous avez à faire est de désactiver pour tous (ou certaines) images.

var imgs = document.getElementsByTagName("IMG"); 
for (var i = 0; i < imgs.length; ++i) { 
    imgs[i].contentEditable = false; 
} 

Answer 2

Eh bien, vous ne pouvez pas supprimer ces gestionnaires de redimensionnement ni dans Firefox ni IE ... au moins, je ne pouvais pas trouver une solution.

À la fin, j'ai réussi cela dans Firefox en éditant des fichiers de configuration à partir du dossier d'installation FF et nous ne voulons pas faire cela, non?

Quoi qu'il en soit, si vous voulez désactiver le redimensionnement si les images (mais redimensionner les gestionnaires seront toujours visibles) il suffit d'ajouter un peu de style css comme:

img { 
    width: auto !important; 
    height: auto !important; 
} 

salutations Mihailo

Answer 3

Bien que la question était il y a longtemps. Chaque élément de bloc (div, img ...) sera décoré avec des poignées de FF. Testez-le:

<div id="myDiv" contenteditable="true"><p>Sample text!</p></div> 

Aucune poignée, redimensionnez pas etc

<div id="myDiv" contenteditable="true"><p>Sample text!</p><img src="picture.jpg" /></div> 

L'image peut être redimensionnée. Vous devez donc appeler explicitement contenteditable = "false" pour chaque élément de bloc que vous ne voulez pas manipuler, comme l'a déjà dit nickf pour les images.

Encore plus étrange: affecter "position: absolute" à l'un de vos éléments - même la div parent - et il a encore des poignées.

Answer 4

Je pense que vous trouverez cela beaucoup plus acceptable. Semble fonctionner dans Firefox mais je ne suis pas sûr d'autres navigateurs:

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

Il laisse la capacité de glisser-déposer intacte.

Answer 5

Cela fonctionne bien pour Firefox:

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

Pour IE je l'ai utilisé:

image.attachEvent("onresizestart", function(e) { e.returnValue = false; }, false);

Answer 6

Je ne peux pas commenter et voter pourtant si ... selon nmb.ten pour répondre, vous devez utiliser:

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

Mais cela fonctionne seulement après votre contenu est rempli (je veux dire si vous devez éditer du texte enregistré auparavant).