Ueditor Component ist ein Open -Source -Web online wysiwyg Rich Texteditor von Baidu. Es hat leichte, anpassbare und konzentriert sich auf Benutzererfahrung. Es basiert auf dem MIT -Protokoll und hat sehr leistungsstarke Funktionen. Kürzlich stellte ich während des Verwendungsprozesses fest, dass die hochgeladenen Bilder (oder das Einfügen vorhandener Emoji -Bilder) normal nicht skaliert werden können. Wählen Sie das Bild aus, klicken Sie und ziehen Sie das kleine Etikett mit der Maus auf die Bildkante des Bildes, und das Bild kann nur reduziert, aber nicht vergrößert werden. Ich habe viele Methoden ausprobiert, konnte sie aber nicht lösen. Ich habe sogar den JS -Quellcode überprüft und keine Ausnahmen gefunden.
Später stellte ich versehentlich fest, dass Bootstrap auf der Seite eingeführt wurde, und Bootstrap setzt standardmäßig den Stil der Boxgrößen auf Border-Box. Für spezifische Inhalte finden Sie das Bootstrap-Release-Protokoll: http://blog.getbootstrap.com/2013/08/19/bootstrap-3-releeste/
Die Definition und Verwendung des Box-Size-Stils finden Sie hier: http://www.w3school.com.cn/cssref/pr_boxsizing.asp.asp
Einflussreiches CSS in Bootstrap:
*,*: vor,*: Nach {-webkit-Box-Größen: Border-Box; -moz-Box-Größe: Border-Box; Box-Größen: Border-Box;}Wir müssen nur CSS auf der Seite neu definieren, um die oben genannten Stile in Bootstrap zu überschreiben, z. B.:
.edui-container *{-Webkit-Box-Größen: Content-Box; -moz-Box-Größen: Content-Box; Boxgröße: Content-Box;}. edui-container *: vor, .edui-container *: After {-webkit-container: content-box; -MOZ-Box;*.Edui-Container ist die CSS-Klasse, die auf dem übergeordneten Element der Ueditor-Komponente verwendet wird.
Das obige ist die vollständige Beschreibung der Lösung des Bootstrap 3-Box-Größen-Stils, das Ihnen vom Editor vorgestellt wurde. Ich hoffe, es wird Ihnen hilfreich sein. Wenn Sie Fragen haben, hinterlassen Sie mir bitte eine Nachricht und der Editor wird Ihnen rechtzeitig antworten!