Ueeditor Component adalah web Open Source Online Wysiwyg Rich Text Editor yang disediakan oleh Baidu. Ini memiliki ringan, dapat disesuaikan, dan berfokus pada pengalaman pengguna. Ini didasarkan pada protokol MIT dan memiliki fungsi yang sangat kuat. Baru -baru ini, selama proses penggunaan, saya menemukan bahwa gambar yang diunggah (atau memasukkan gambar emoji yang ada) tidak dapat ditingkatkan secara normal. Pilih gambar, klik dan seret label kecil di tepi gambar dengan mouse, dan gambar hanya dapat dikurangi tetapi tidak diperbesar. Saya telah mencoba banyak metode tetapi tidak bisa menyelesaikannya. Saya bahkan memeriksa kode sumber JS dan tidak menemukan pengecualian.
Kemudian, saya secara tidak sengaja menemukan bahwa Bootstrap diperkenalkan pada halaman, dan Bootstrap mengatur gaya ukuran kotak ke kotak perbatasan secara default. Untuk konten tertentu, silakan periksa log rilis bootstrap: http://blog.getboottrap.com/2013/08/19/bootstrap-3-releasing/
Untuk definisi dan penggunaan gaya ukuran kotak, Anda dapat melihat di sini: http://www.w3school.com.cn/cssref/pr_box-sizing.asp
CSS yang berpengaruh di Bootstrap:
*,*: Sebelum,*: setelah {-webkit-box-sizing: border-box; -moz-box-sizing: boord-box; box-sizing: border-box;}Kita hanya perlu mendefinisikan kembali CSS pada halaman untuk mengesampingkan gaya di atas dalam bootstrap, seperti:
.edui-container *{-webkit-box-ukuran: content-box; -moz-box-sizing: box-box; box-sizing: content-box;}. edui-container *: sebelumnya, .edui-container *: setelah {-webkit-box-box-box: box-box-box; -box; -moz-sifisasi: Kotak-Kotak-Kotak; Kotak Konten; -MOZ-SIZING: Content-SIZING: Content-SIZING: Content-SIZE-SIZING: Content-SIZE-SIZING: KOBOK-BOX-BOX-BOX; -MOZ-MOZ-SIZE*.edui-container adalah kelas CSS yang digunakan pada elemen induk dari komponen ueditor.
Di atas adalah deskripsi lengkap dari solusi dari gaya bootstrap 3 kotak ukuran yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu Anda. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan dan editor akan membalas Anda tepat waktu!