Ueditor Component - это текстовый редактор Wysiwyg, богатый Wysiwyg с открытым исходным кодом, предоставленный Baidu. Он имеет легкий, настраиваемый и фокусируется на пользовательском опыте. Он основан на протоколе MIT и имеет очень мощные функции. Недавно, во время процесса использования, я обнаружил, что загруженные изображения (или вставка существующих изображений смайликов) не могут быть нормально масштабированы. Выберите изображение, нажмите и перетащите небольшую метку на краю картинки с помощью мыши, и изображение может быть уменьшено только, но не увеличено. Я пробовал много методов, но не мог их решить. Я даже проверил исходный код JS и не нашел исключений.
Позже я случайно обнаружил, что Bootstrap была представлена на странице, и Bootstrap по умолчанию устанавливает стиль размера коробки на границу. Для получения конкретного контента, пожалуйста, проверьте журнал релиза Bootstrap: http://blog.getbootstrap.com/2013/08/19/bootstrap-3-relauded/
Для определения и использования стиля размера коробки вы можете увидеть здесь: http://www.w3school.com.cn/cssref/pr_box-size.asp.asp.
Влиятельный CSS в начальной загрузке:
*,*: до,*: после {-webkit-box-size: border-box; -moz-box-size: border-box; размером с коробки: пограничный бокс;}Нам просто нужно переопределить CSS на странице, чтобы переопределить вышеуказанные стили в начальной загрузке, например:
.edui-container *{-Webkit-box-size: content-box; -moz-box-size: content-box; размер коробки: content-box;}. edui-container *: до, .edui-container *: после {-webkit-box-sizing: content-box; -moz-box-sizing: content-box; speat-box-size: content-box;*.edui-Container-это класс CSS, используемый в родительском элементе компонента Ueditor.
Выше приведено полное описание решения Bootstrap 3 стиля размера коробки, представленного вам редактором. Я надеюсь, что это будет полезно для вас. Если у вас есть какие -либо вопросы, пожалуйста, оставьте мне сообщение, и редактор ответит вам вовремя!