English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
El componente UEditor es un conjunto de componentes de editor de texto en línea en tiempo real de código abierto proporcionado por Baidu, que tiene características como ligereza, personalización, enfoque en la experiencia del usuario y mucho más, basado en el acuerdo MIT, con muchas funciones potentes. Recientemente, durante su uso, descubrí que las imágenes que se suben (o las imágenes de paquetes de emoticonos insertados) no se pueden escalar correctamente. Al seleccionar la imagen, al hacer clic y arrastrar la etiqueta pequeña del borde de la imagen con el mouse, la imagen solo puede reducirse y no puede agrandarse. He probado muchos métodos y no he podido resolverlo, incluso he revisado el código fuente de js y no he encontrado ningún lugar anómalo.
Más tarde, sin darme cuenta, descubrí que la página había introducido Bootstrap, y Bootstrap por defecto configura box-El estilo sizing se establece uniformemente en border-box. El contenido específico se puede ver en el registro de lanzamiento de Bootstrap:http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/
Acerca de box-La definición y uso del estilo sizing se pueden ver aquí:http://www.w3school.com.cn/cssref/pr_box-sizing.asp
CSS afectado por Bootstrap:
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
Solo necesitamos redefinecer el css en la página para sobrescribir los estilos anteriores de Bootstrap, como:
.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-La clase CSS 'container' se utiliza como elemento padre del componente UEditor.
Lo que se mencionó anteriormente es lo que el editor les ha presentado sobre Bootstrap 3del box-Aquí está toda la narrativa de la solución al problema de que el estilo de sizing hace que las imágenes del controlador UEditor no se puedan escalar correctamente. Espero que sea útil para todos. Si tienen alguna pregunta, déjenme un comentario y el editor responderá a tiempo.