Firefox - designMode: wyłącz uchwyty do zmiany rozmiaru obrazu

Question

Jak mogę uniemożliwić użytkownikowi zmianę rozmiaru obrazu w trybie projektowania? (Wyłączyć uchwyty, gdy obraz jest kliknięty)

Answer 1

Say włączeniu contentEditable na tak:

document.body.contentEditable = true; 

Wszystko co musisz zrobić, to wyłączyć go dla wszystkich (lub kilku) obrazów.

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

Answer 2

Cóż, nie można usunąć tych rozmiaru ładowarki ani w Firefoksie, ani IE ... przynajmniej ja nie mogę znaleźć rozwiązania.

Na koniec udało mi się to w Firefoksie, edytując niektóre pliki konfiguracyjne z folderu instalacyjnego FF i nie chcemy tego robić, prawda?

W każdym razie, jeśli chcesz wyłączyć rozmiaru czy zdjęć (ale zmiana rozmiaru koparki nadal będzie widoczny) wystarczy dodać trochę stylu css takich jak:

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

Pozdrowienia, Mihailo

Answer 3

Choć pytanie było dawno temu. Każdy element bloku (div, img ...) zostanie ozdobiony uchwytami z FF. testowania go:

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

Brak uchwyty, bez zmiany rozmiaru itp

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

Obraz może być zmieniany. Musisz więc jawnie wywołać contenteditable = "false" dla każdego bloku, którego nie chcesz mieć uchwytów, jak już powiedział nick dla obrazów.

Jeszcze dziwniejsze: przypisz "position: absolute" do dowolnych elementów - nawet div rodzica - i ponownie obsługuje.

Answer 4

Myślę, że uznasz to za znacznie bardziej akceptowalne. Wydaje się działać w Firefox, ale nie jestem pewien o innych przeglądarek:

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

Pozostawia przeciągnij i upuść zdolność nienaruszone.

Answer 5

Działa to dobrze dla Firefox:

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

dla IE Użyłem:

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

Answer 6

nie mogę komentować i głosować jeszcze tak ... według nmb.ten-tych odpowiedź, musisz użyć:

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

Ale działa tylko po twoja treść jest wypełniona (mam na myśli, jeśli musisz edytować jakiś tekst wcześniej zapisany).