统计
  • 建站日期:2021-03-10
  • 文章总数:518 篇
  • 评论总数:151 条
  • 分类总数:32 个
  • 最后更新:4月20日
文章 技术教程

百度编辑器自适应,和上传图片自适应,适应手机,电脑

梦幻书涯
首页 技术教程 正文


百度编辑器自适应,和上传图片自适应,适应手机,电脑
-梦幻书涯 - 莫問前路遙遠- 與君風雪
-第1
张图片
百度编辑器自适应,和上传图片自适应,适应手机,电脑
-梦幻书涯 - 莫問前路遙遠- 與君風雪
-第2
张图片
百度编辑器自适应,和上传图片自适应,适应手机,电脑
-梦幻书涯 - 莫問前路遙遠- 與君風雪
-第3
张图片


ueditor/ueditor.all.js



 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:100%');//解决图片自适应问题
                            loader.removeAttribute('id');
                            domUtils.removeClasses(loader, 'loadingclass');
                        } else {
                            showErrorLoader && showErrorLoader(json.state);
                        }
                    }catch(er){
                        showErrorLoader && showErrorLoader(me.getLang('simpleupload.loadError'));
                    }
                    form.reset();
                    domUtils.un(iframe, 'load', callback);
                }



iframe.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;} /*去除点击图片后出现的拉伸边框*/



 //建议使用工厂方法getEditor创建和引用编辑器实例,如果在某个闭包下引用该编辑器,直接调用UE.getEditor('editor')就能拿到相关的实例
    var ue = UE.getEditor('content1',{
        zIndex : 0,
        initialFrameWidth:'100%',//初始化编辑器宽度
        initialFrameHeight:300,//初始化编辑器高度
        autoHeightEnabled:false,//是否自动长高,默认true
        maximumWords:400000,      //允许的最大字符数
        topOffset:40,   //浮动时工具栏距离浏览器顶部的高度,用于某些具有固定头部的页面
    });






版权说明
文章采用: 《署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)》许可协议授权。
版权声明:未标注转载均为本站原创,转载时请以链接形式注明文章出处。如有侵权、不妥之处,请联系站长删除。敬请谅解!

这篇文章最后更新于2020-10-21,已超过 1 年没有更新,如果文章内容或图片资源失效,请留言反馈,我们会及时处理,谢谢!
符号大全-特殊符号-特殊符号大全
« 上一篇
2020最全面的 网盘云盘 合集推荐
下一篇 »

发表评论

HI ! 请登录
注册会员,享受下载全站资源特权。
Array

日历

热门文章