مكون Ueditor هو محرر نصوص WysiWyg Rich Open Open Source Online. إنه يحتوي على وزن خفيف وقابل للتخصيص ويركز على تجربة المستخدم. يعتمد على بروتوكول MIT وله وظائف قوية للغاية. في الآونة الأخيرة ، أثناء عملية الاستخدام ، وجدت أنه لا يمكن تحجيم الصور التي تم تحميلها (أو إدخال صور تعبيرية موجودة) بشكل طبيعي. حدد الصورة ، انقر فوق الملصق الصغير واسحبه على حافة الصورة بالماوس ، ويمكن تقليل الصورة فقط ولكن لم يتم توسيعها. لقد جربت العديد من الطرق لكنني لم أستطع حلها. حتى أنني راجعت رمز مصدر JS ولم أجد استثناءات.
في وقت لاحق ، اكتشفت عن طريق الخطأ أن Bootstrap تم تقديمه على الصفحة ، ويقوم Bootstrap بتعيين نمط حجم الصندوق إلى صندوق الحدود بشكل افتراضي. للحصول على محتوى محدد ، يرجى التحقق من سجل إصدار Bootstrap: http://blog.getbootstrap.com/2013/08/19/bootstrap-3-release/
للحصول على تعريف واستخدام نمط حجم الصناديق ، يمكنك أن ترى هنا: http://www.w3school.com.cn/cssref/pro_box-sizing.asp
CSS المؤثرة في bootstrap:
*:
نحتاج فقط إلى إعادة تعريف CSS على الصفحة لتجاوز الأنماط المذكورة أعلاه في bootstrap ، مثل:
.edui-container *{-webkit-box-size: content-box ؛ -moz-box-size: content-box ؛ box-size: content-box ؛}.*.edui-container هي فئة CSS المستخدمة على العنصر الأصل لمكون Ueditor.
ما سبق هو الوصف الكامل لحل نمط حجم Bootstrap 3 الذي قدمه لك المحرر. آمل أن يكون ذلك مفيدًا لك. إذا كان لديك أي أسئلة ، فالرجاء ترك رسالة لي وسوف يرد المحرر لك في الوقت المناسب!