百度ueditor上傳圖片時如何設置默認寬高度

一、總結

一句話總結：直接css或者js里面限制一下就好，可以用html全局限制一下圖片的最大高度

直接css或者js里面限制一下就好，可以用html全局限制一下圖片的最大高度

1、如何改變ueditor.umeditor中插件的大小？

其實也就是改css

或者用js改css

2、如何修改所有html,js插件的樣式，或者插件里面的插件樣式？

css

或者js控制的css

3、解決不同瀏覽器上面的css屬性適配問題？

用基礎css，或用js

這個也可以用來解決ueditor插入圖片的大小，以及各種

用基礎屬性，用js

在chrome和手機瀏覽器上面顯示不同

 1     function updateGroupDiscussPictureSize(){  2 $('.pet_sixin_to_r_nr img').each(function () {  3 if(parseInt($(this).css('width'))>100){  4 $(this).css('width','100px');  5  }  6  });  7 $('.pet_sixin_form_r_nr img').each(function () {  8 if(parseInt($(this).css('width'))>100){  9 $(this).css('width','100px'); 10  } 11  }); 12 }

二、百度ueditor上傳圖片時設置默認寬高度

參考：百度ueditor上傳圖片時設置默認寬高度 - okokchina的專欄 - CSDN博客
https://blog.csdn.net/okokchina/article/details/46550105

我也是逼了dog了，百度編輯器官方文檔其實做的很不詳細，都是些基本的用法，想設置個上傳圖片默認尺寸都找不到相應文檔。進過哥的不屑努力，終於是配置好了，其實也是很簡單的，加了一行代碼。。。。。

找到編輯器根目錄下面的ueditor.all.js ，一打開嚇到哥了，上萬行代碼，不過不要怕，search 一下：cllback() 找到這個函數

 function callback(){
                    try{
                        var link, json, loader,
                            body = (iframe.contentDocument || iframe.contentWindow.document).body,
                            result = body.innerText || body.textContent || '';
                        json = (new Function("return " + result))();
                        link = me.options.imageUrlPrefix + json.url;
                        if(json.state == 'SUCCESS' && json.url) {
                            loader = me.document.getElementById(loadingId);
                            loader.setAttribute('src', link);
                            loader.setAttribute('_src', link);
                            loader.setAttribute('title', json.title || '');
                            loader.setAttribute('alt', json.original || '');
                            loader.setAttribute('style','max-width:650px');//這里就是哥加入的代碼
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        }

看看注釋部分，其實就是給img 上傳的圖片價格屬性就行了！你可以任意增加屬性，就這么任性。

好使，在min.js中配置這個就好了，因為前端頁面飲用的是min.js

在min.js中可以搜索setAttribute("src"

三、百度UEditor插入圖片尺寸自動適應編輯框大小問題

昨天我使用百度UEditor，上傳大圖變的好大。不能夠自動的縮寫和編輯框內大小一樣，找了半天代碼沒發現怎么修改，讓它上傳縮小，在config中 “imageCompressBorder”: 1600, /* 圖片壓縮最長邊限制 */沒什么作用呢。最后還是被我找到了，下面我就來給大家說說如果才能UEditor插入圖片尺寸自動適應編輯框大小
首先我們找到如下文件：

\ueditor\themes\iframe.css

從這個文件里，就能看到有這一句：/*可以在這里添加你自己的css*/

哈哈，接下來，我們寫css吧：

———————————-

img {
max-width: 100%; /*圖片自適應寬度*/
}
body {
overflow-y: scroll !important;
}
.view {
word-break: break-all;
}
.vote_area {
display: block;
}
.vote_iframe {
background-color: transparent;
border: 0 none;
height: 100%;
}
#edui1_imagescale{display:none !important;} /*去除點擊圖片后出現的拉伸邊框*/