El componente de UEDitor es un editor de texto rico en línea de Wysiwyg en línea de código abierto proporcionado por Baidu. Tiene liviano, personalizable y se centra en la experiencia del usuario. Se basa en el protocolo MIT y tiene funciones muy poderosas. Recientemente, durante el proceso de uso, descubrí que las imágenes cargadas (o la inserción de imágenes emoji existentes) no pueden escalarse normalmente. Seleccione la imagen, haga clic y arrastre la pequeña etiqueta en el borde de la imagen con el mouse, y la imagen solo puede reducirse pero no ampliarse. He probado muchos métodos pero no pude resolverlos. Incluso revisé el código fuente JS y no encontré excepciones.
Más tarde, accidentalmente descubrí que Bootstrap se introdujo en la página, y Bootstrap establece el estilo de tamaño de caja en la caja de borde de forma predeterminada. Para obtener contenido específico, consulte el registro de lanzamiento de Bootstrap: http://blog.getbootstrap.com/2013/08/19/bootstrap-3-releed/
Para la definición y el uso del estilo de tamaño de caja, puede ver aquí: http://www.w3school.com.cn/cssref/pr_box-sizing.asp
CSS influyente en Bootstrap:
*,*: antes,*: después de {-webkit-box-singing: border-box; -moz-box-singing: border-box; box-sizing: border-box;}Solo necesitamos redefinir CSS en la página para anular los estilos anteriores en Bootstrap, como:
.Edui-Container *{-webkit-box-singing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;}. edui-container *: antes, .edui-container *: después de {-webkit-box-sizing: content-box; -moz-box-tizing: content-box; box-sizing: boxe;}*.Edui-Container es la clase CSS utilizada en el elemento principal del componente UEDitor.
Lo anterior es la descripción completa de la solución del estilo de tamaño de caja Bootstrap 3 presentada por el editor. Espero que te sea útil. Si tiene alguna pregunta, déjame un mensaje y el editor te responderá a tiempo.