Firefox - designMode: deaktivieren Bild Größenänderung Griffe

Wie kann ich verhindern, dass der Benutzer in der Lage, um die Größe eines Bildes im designMode? (deaktivieren Sie die Griffe, wenn Bild angeklickt wird)

InformationsquelleAutor der Frage dEEf | 2008-11-14

  1. 10

    Sagen, Sie drehen contentEditable auf wie diese:

    document.body.contentEditable = true;

    Alles, was Sie tun müssen ist, schalten Sie es aus für alle (oder einige) Bilder.

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

    InformationsquelleAutor der Antwort nickf

  2. 16

    Dies funktioniert gut für Firefox:

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

    Für den IE, die ich verwendet habe:

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

    InformationsquelleAutor der Antwort nmb.ten

  3. 5

    Ich denke, Sie werden feststellen, dass dieser viel mehr akzeptabel. Scheint zu funktionieren, im Firefox aber ich bin mir nicht sicher über andere Browser:

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

    Verlässt die drag-und-drop-Fähigkeit intakt.

    InformationsquelleAutor der Antwort Brendon Muir

  4. 1

    Gut, Sie können nicht entfernen Sie die resize-Handler weder in Firefox noch IE... zumindest konnte ich keine Lösung finden.

    Am Ende habe ich es geschafft, dass in Firefox durch das editieren einiger Konfigurationsdateien von FF-Installationsordner, und wir wollen nicht, das zu tun, richtig?

    Sowieso, wenn Sie wollen, deaktivieren Sie die Größenänderung, wenn die Bilder (aber resize-Handler wird immer noch sichtbar sein), fügen Sie einfach einige css-Stil wie:

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

    Grüße,
    Mihailo

    InformationsquelleAutor der Antwort

  5. 1

    Obwohl die Frage schon eine lange Zeit her.
    Jedes block-element (div, img...), wird dekoriert mit Griffen aus FF.
    Test:

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

    Keine Griffe, keine Größe etc.

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

    Das Bild kann in der Größe verändert werden.
    Sie müssen also explizit nennen contenteditable="false" für jedes block-Element Sie wollen nicht zu haben, behandelt, wie nickf sagte bereits für die Bilder.

    Noch mehr verrückte:
    zuweisen "position:absolute", um alle Ihre Elemente - auch die übergeordneten div - und es hat Griffe wieder.

    InformationsquelleAutor der Antwort peterm

  6. 0

    Ich nicht kommentieren kann und die Abstimmung noch so... nach nmb.zehn der Antwort, die Sie haben zu verwenden:

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

    Aber es funktioniert nur nach Ihren Inhalten gefüllt wird (ich meine, wenn Sie zum Bearbeiten von text vor dem speichern).

    InformationsquelleAutor der Antwort elture

Schreibe einen Kommentar