首页 > 分享 > 百度UEditor编辑文章,移动端适配问题

百度UEditor编辑文章,移动端适配问题

最新推荐文章于 2022-07-20 11:13:27 发布

程序员OS 于 2019-08-24 18:08:45 发布

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。

/** * 将文本中的相对地址转换成对应的绝对地址 此方法用于百度UEditor图片的 * @return */ public static String processImgSrc(String content,String baseUrl){ Document document = Jsoup.parse(content); document.setBaseUri(baseUrl); document.head().append("<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">"); Elements elements = document.select("img[src]"); for(Element el:elements){ String imgUrl = el.attr("src"); if (imgUrl.trim().startsWith("/")) { el.attr("src", el.baseUri()+imgUrl); el.attr("width","100%"); el.attr("height","auto"); } } return document.html(); }

1.以上后端是基于java的,baseUrl为存放图片的域名地址,为了使移动端能够正常显示UEditor上传的图片,在获取内容详情时将图片的域名拼接上。

2.加上此行代码document.head().append("<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">") ,可以是在pc端编辑的文章格式适配手机移动端。

相关知识

移动端
手机移动端快速开发
简约排版鲜花植物类移动端店铺首页
开发百度地图路径移动
如何从零高效的开发一款适配 Android 和 iOS 的移动端App
移动Web实训DAY
一分钟告诉你建行移动端网络学习怎么学
Html+Css+js实现春节倒计时效果(移动端和PC端)
企业开发移动端应用选择App还是小程序?优缺点分析及建议
下列哪项属于移动端交易?

网址: 百度UEditor编辑文章,移动端适配问题 https://m.huajiangbk.com/newsview849656.html

所属分类:花卉
上一篇: 移动端适配代码
下一篇: VSCode一个简单的vue移动