首页 > 教程 >
dedecms织梦去掉文章内容中的图片宽度和高度限制的办法
2023-02-28教程围观次
简介在做响应式或者手机站的模板时候,我们经常会遇到图片因为长度和宽度固定,而无法自适应手机端的问题,原因就是是织梦的编辑器在上传图片时,会自动加上style属性,因此,在保存文章时,我们需要先清除掉这些属性。织梦58的小编最近也遇到这个问题,百度上搜了一下,有一种方法就是对body中的数据进行过滤,写法如下(在内容页找到{dede:field.body}修改为如下内容):{dede:field.bod
在做响应式或者手机站的模板时候,我们经常会遇到图片因为长度和宽度固定,而无法自适应手机端的问题,原因就是是织梦的编辑器在上传图片时,会自动加上style属性,因此,在保存文章时,我们需要先清除掉这些属性。织梦58的小编最近也遇到这个问题,百度上搜了一下,有一种方法就是对body中的数据进行过滤,写法如下(在内容页找到{dede:field.body}修改为如下内容):
小编试了一下,我复制的内容中还有一些杂项其实还是没有过滤掉的。于是想到直接在保存时候进行处理,找到:/dede/article_add.php和/dede/article_edit.php 这两个文件(对应文章模型,其他模型请找后台对应的文件),搜索如下代码:
在这段代码的后面加入:
其实只改一个article_edit.php文件就行了,修改后发布或者修改文档时候,会自动去除掉body中的所有style。后者会把内容中所有的style都会被去掉,文档相当纯净。
具体用哪种方法,大家可以根据需求而定。
{dede:field.body runphp=yes}global $cfg_ host;$str = @me;$search = '/(<img.*?)width=(["'])?.*?(?(2)2|s)([^>]+>)/is';$search1 = '/(<img.*?)height=(["'])?.*?(?(2)2|s)([^>]+>)/is';$search2 = '#(<img.*?style=".*?)width:d+px;([^"]*?.*?>)#i';$search3 = '#(<img.*?style=".*?)height:d+px;([^"]*?.*?>)#i';$content = preg_replace($search,'$1$3',$str);$content = preg_replace($search1,'$1$3',$content);$content = preg_replace($search2,'$1$2',$content);$content = preg_replace($search3,'$1$2',$content);@me = $content;//@me = str_replace('/uploads/allimg/', $cfg_ host.'/uploads/allimg/', $content);//手机版图片使用绝对路径{/dede:field.body} |
小编试了一下,我复制的内容中还有一些杂项其实还是没有过滤掉的。于是想到直接在保存时候进行处理,找到:/dede/article_add.php和/dede/article_edit.php 这两个文件(对应文章模型,其他模型请找后台对应的文件),搜索如下代码:
$body = AnalyseHtmlBody($body,$de ion,$litpic,$keywords,'htmltext'); |
在这段代码的后面加入:
//去除img中的style属性 $body = preg_replace("/style=\.+?['|"]/i",'',$body); //去除img中的width,height属性 $exp=Array("/height=.{0,5}s/i","/width=.{0,5}s/i"); $exp_o=Array('',''); $body = preg_replace($exp,$exp_o,$body); |
其实只改一个article_edit.php文件就行了,修改后发布或者修改文档时候,会自动去除掉body中的所有style。后者会把内容中所有的style都会被去掉,文档相当纯净。
具体用哪种方法,大家可以根据需求而定。
下载链接:网站源码/小程序源码/网站模板下载
下载排行
- 最新仿神马在线播放视频电影网站,带VIP系统,试看功能 全站数据,优化视频上传,三级分销 火车头采集
- 狂雨小说系统带全部插件/真正可以运营的小说站点系统源码
- Blackcat V2.2付费会员制WordPress资源站主题
- 短视频去水印-刷步数-别踩鸡块合集小程序源码带流量主
- 壁纸头像/动态壁纸小程序源码-支持用户投稿-带部分采集功能+视频搭建教程
- 最新去水印小程序源码/独立后台抖音去水印源码
- 365投票抽奖助手V4.5.95版本小程序源码|前端+后端完整源码
- AI智能识别微信小程序源码带流量主功能
- H5网页漫画小说苹果cms模板源码/支持对接公众号/支持三级分销
- 最新视频/图集去水印小程序源码/步数小程序源码/王者战力小程序源码/红包封面小程序源码