百度富文本上传图片后样式崩塌-Toy模板网

这篇具有很好参考价值的文章主要介绍了百度富文本上传图片后样式崩塌。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

🔥博客主页：破浪前进
🔖系列专栏： Vue、React、PHP
❤️感谢大家点赞👍收藏⭐评论✍️

百度富文本上传图片后样式崩塌,富文本,vue,前端,vue.js,百度,UEditor

问题描述：上传图片后，图片会变得很大，当点击的时候更是会顶开整个的容器的高跟宽

原因：百度富文本为了呈现给用户良好的使用导致没有写死宽高，本地多大上传后就是多大

解决方法：在同时修改两个文件分别在

loader.setAttribute('width','100%');//图片宽度100%
loader.setAttribute('height','auto');//图片高度auto

23774行（不一定）和24533（不一定），不行就搜索文章来源地址https://www.toymoban.com/news/detail-736867.html

		loadingHtml = '<img class="loadingclass" id="' + loadingId + '" src="' +
                me.options.themePath + me.options.theme +
                '/images/spacer.gif" title="' + (me.getLang('autoupload.loading') || '') + '" >';
            successHandler = function(data) {
                var link = urlPrefix + data.url,
                    loader = me.document.getElementById(loadingId);
                if (loader) {
                    loader.setAttribute('src', link);
                    loader.setAttribute('_src', link);
                    loader.setAttribute('title', data.title || '');
                    loader.setAttribute('alt', data.original || '');
                    loader.setAttribute('width','100%');//图片宽度100%
　　				loader.setAttribute('height','auto');//图片高度auto
                    loader.removeAttribute('id');
                    domUtils.removeClasses(loader, 'loadingclass');
                }
            };

					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('width','100%');//图片宽度100%
　　						loader.setAttribute('height','auto');//图片高度auto
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        } else {
                            showErrorLoader && showErrorLoader(json.state);
                        }

到了这里，关于百度富文本上传图片后样式崩塌的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！