Comment puis-je empêcher l'utilisateur de redimensionner une image dans designMode? (Désactiver les poignées lorsque l'image est cliqué)Firefox - designMode: désactive le redimensionnement des poignées
Répondre
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;
}
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
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.
J'aime comment sur stackoverflow vous ne savez jamais comment vos réponses auront un impact sur les autres, peut-être dans les années à venir. Ceci: "Encore plus bizarre: assignez" position: absolute "à n'importe lequel de vos éléments - même le div parent - et il a encore des poignées." m'a sauvé beaucoup de problèmes en ce moment :) –
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.
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);
+1 cela devrait être la réponse acceptée! – giammin
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).
- 1. firefox/IE designMode référence nécessaire
- 2. Colonnes du Gestionnaire des tâches Windows - Poignées
- 3. iPhone designmode support
- 4. Redimensionnement de l'application flash AS-base de FireFox vs IE
- 5. Redimensionnement des taux de ruptures d'images HTML
- 6. Redimensionnement des UIViews
- 7. Redimensionnement des images
- 8. Chargement et redimensionnement dynamique des images
- 9. Redimensionnement impair des contrôles VB.NET
- 10. Redimensionnement et redimensionnement de l'image
- 11. Jquery Draggable avec plusieurs poignées
- 12. HttpModule désactive l'administrateur SharePoint 2003
- 13. Le bon type pour les poignées dans les interfaces C
- 14. Comment rendre le redimensionnement des fenêtres WPF moins «laggy»?
- 15. Énumérer toutes les poignées de fenêtre sur le bureau
- 16. Comment masquer les poignées dans le widget QSplitter?
- 17. IE8 iframe DesignMode perd la sélection
- 18. Mozilla Prism: désactive le bloqueur de pop-up
- 19. Accès aux poignées de fenêtres externes
- 20. Dojo désactive tous les champs d'entrée dans le conteneur div
- 21. Redimensionnement dynamique des zones de Layout Manager
- 22. Cocoa-Touch: redimensionnement dynamique des vues
- 23. Redimensionnement automatique des vues Monotouch dans l'iphone
- 24. Options CDN pour le redimensionnement de l'image
- 25. jQuery tablesorter + redimensionnement des largeurs de colonnes
- 26. Problème avec le redimensionnement de ContentControl
- 27. L'utilisation de shadowbox désactive les raccourcis clavier?
- 28. Détection de hauteur div sur le redimensionnement
- 29. nhibernate - désactive le chargement automatique \ paresseux des enregistrements enfant pour une ou plusieurs relations
- 30. Microsoft Access Désactive l'entrée utilisateur pour l'automatisation
Fonctionne pour contenteditable en effet. Ne semble pas fonctionner pour designMode.La solution a cependant créé un nouveau problème: lorsqu'une image est déplacée et relâchée, elle crée une copie de l'image à la position du curseur dans la zone modifiable. Toute suggestion? – dEEf
Je ne connais pas grand chose non plus, alors quelle est la différence entre contentEditable et designMode? Si designMode ne fonctionne pas, pourriez-vous passer à contentEditable? – nickf
Trouvé le problème à mon précédent problème (draggin de l'image): mousedown -> event.preventDefault(); Merci, je passe à contentEditable ... – dEEf