Ueditor uploaded images in the content of the size of the problem is too large

Source: Internet
Author: User

No change before is the above, the picture does not open, support the scroll bar, want to let him adaptive 100%, no scroll bar

There are methods on the Internet

1.ueditor Themes folder has a IFRAME.CSS add the following code, save (the original CSS file should be empty, only one line of comments)///personal feeling useless, debugging a bit really useless somehow, put it here

img {max-width:100%;/* Image Adaptive Width */} 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;}

CSS introduced at foreground

<script type= "Text/javascript" > var UE = ue.geteditor (' container ', {toolbars: [[' Fullscreen ', ' source ', ' UN Do ', ' Redo ', ' indent ', ' bold ', ' italic ', ' underline ', ' fontborder ', ' snapscreen ', ' print ', ' preview ', ' link ', ' unlink ', ' InsertRow ', ' insertcol ', ' mergeright ', ' mergedown ', ' deleterow ', ' deletecol ', ' splittorows ', ' splittocols ', ' Splittocells ', ' fontfamily ', ' fontsize ', ' simpleupload ', ' insertimage ', ' spechars ', ' searchreplace ', ' justifyleft ', ' Justifyright ', ' justifycenter '], [' justifyjustify ', ' ForeColor ', ' BackColor ', ' attachment ', ' imagecenter ', ' wordimage ' ', ' inserttable ', ' strikethrough ', ' superscript ', ' subscript ', ' removeformat ', ' formatmatch ', ' autotypeset ', ' Blockquote ', ' pasteplain ', ' | ', ' ForeColor ', ' BackColor ', ' insertorderedlist ', ' insertunorderedlist ', ' SelectAll ', ' Cleardoc '],Iframecssurl:' __public__/other/ueditor/themes/iframe.css ',//Introducing CSSAutoheightenabled:true, autofloatenabled:true});</script>

2.ueditor.all.js found Render:function (container) {} modified as follows:,//pro-Test good

var html = (ie && browser.version < 9?) ': ' <! DOCTYPE html> ') + ' //Set the maximum width of the picture to avoid rolling bar ' img{max-width:100%;}' +Set paragraph spacing ' p{margin:5px 0;} </style> ' + (Options.iframecssurl?                    ' <link rel=\ ' stylesheet\ ' type=\ ' text/css\ ' href=\ ' + utils.unhtml (options.iframecssurl) + ' \ '/> ': ') + (Options.initialstyle?)  ' <style> ' + options.initialstyle + ' </style> ': ') + ' 

In fact, add a sentence

After the experiment, or the second kind of good

Ueditor uploaded images in the content of the size of the problem is too large

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.