Bootstrap 3box-Lösung für das Problem, dass Bilder im UEEditor-Bedienfeld nicht normal skaliert werden können aufgrund des Sizing-Stils

UEditor-Komponente ist ein von Baidu bereitgestelltes Set von Open-Source-Web-Online-WYSIWYG-Rich-Text-Editoren, das leichte, anpassungsfähige und auf das Benutzererlebnis ausgerichtete Funktionen hat und auf dem MIT-Protokoll basiert. Während der Verwendung wurde festgestellt, dass die hochgeladenen Bilder (oder bereits eingefügten Emojis) nicht normal skaliert werden können. Wenn Sie das Bild auswählen und mit der Maus auf die kleinen Etiketten an den Bildkanten klicken und ziehen, kann das Bild nur verkleinert, aber nicht vergrößert werden. Versucht haben, viele Methoden, konnte das Problem nicht lösen, sogar den js-Quellcode überprüft, fand aber keine abnormalen Stellen.

　　Später habe ich zufällig entdeckt, dass Bootstrap auf der Seite verwendet wurde, und Bootstrap setzt standardmäßig box-sizing-Stil auf border einheitlich setzen-box. Der genaue Inhalt kann im Veröffentlichungsprotokoll von Bootstrap überprüft werden:http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/

　　Über box-Die Definition und Verwendung des sizing-Stils können Sie hier sehen:http://www.w3school.com.cn/cssref/pr_box-sizing.asp

　　Von Bootstrap betroffene CSS:

*,
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

　　Wir müssen nur das CSS auf der Seite neu definieren, um die oben genannten Stile in Bootstrap zu überlagern, z.B.:

.edui-container *{
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
.edui-container *:before,
.edui-container *:after {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}

　　* .edui-container ist die css class, die auf dem übergeordneten Element des UEditor-Components verwendet wird.

Das oben Gesagte ist das, was der Redakteur Ihnen vorgestellt hat, Bootstrap 3box-Die vollständige Beschreibung der Lösung für das Problem, dass das Bild des UEditor-Kontrollers aufgrund des sizing-Stils nicht normal skaliert, hoffe, dass es Ihnen hilft. Wenn Sie irgendwelche Fragen haben, hinterlassen Sie mir bitte eine Nachricht, der Redakteur wird rechtzeitig antworten!