Ueditorコンポーネントは、Baiduが提供するオープンソースWebオンラインWysiWygリッチテキストエディターです。軽量でカスタマイズ可能で、ユーザーエクスペリエンスに焦点を当てています。 MITプロトコルに基づいており、非常に強力な機能を備えています。最近、使用プロセス中に、アップロードされた写真(または既存の絵文字写真の挿入)を正常に拡張できないことがわかりました。画像を選択し、マウスで写真の端にある小さなラベルをクリックしてドラッグすると、画像は縮小しますが、拡大しません。私は多くの方法を試しましたが、それらを解決することができませんでした。 JSソースコードを確認しましたが、例外は見つかりませんでした。
その後、ブートストラップがページに導入されていることを誤って発見し、ブートストラップはデフォルトでボックスサイズのスタイルをBorder-Boxに設定します。特定のコンテンツについては、bootstrapリリースログを確認してください:http://blog.getbootstrap.com/2013/08/19/bootstrap-3-released/
ボックスサイズのスタイルの定義と使用については、http://www.w3school.com.cn/cssref/pr_box-sizing.aspをご覧ください。
ブートストラップの影響力のあるCSS:
*、*:前、*:{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}ページ上のCSSを再定義して、次のようなブートストラップの上記のスタイルをオーバーライドする必要があります。
.edui-container *{ - webkit-box-sizing:content-box; -moz-box-sizing:content-sizing; box-sizing:content-box;}。*.edui-containerは、ueditorコンポーネントの親要素で使用されるCSSクラスです。
上記は、編集者が紹介したブートストラップ3ボックスサイズのスタイルのソリューションの完全な説明です。それがあなたに役立つことを願っています。ご質問がある場合は、メッセージを残してください。編集者は時間内に返信します!