开发框架 版主:迅睿框架研发组
手机端的图片如何去掉img图片标签的宽高呢?
类型:迅睿CMS 更新时间:2021-11-02 16:39:17 图片宽高 图片高宽

模板标签里面

手机端和PC端模板分开,手机端的图片如何去掉img图片标签的宽高呢?


<img src="/uploads/allimg/211011/1-2110110910204R.jpg" alt="容易致病的做菜习惯" width="500" height="354" />


这是编辑器里的,只需要在手机端模板替换掉宽高的怎么写代码?

回帖
  • 迅睿框架技术-陈老师
    #1楼    迅睿框架技术-陈老师
    2021-10-17 09:49:17
    Chrome 0
    https://www.xunruicms.com/wenda/43619.html 往下拉,看常见错误
  • kevin
    #2楼    kevin
    2021-10-17 10:35:34
    Chrome 0
    百度搜的方法
    html部分
    <body onload='clearheight()'>
    <div id='con'>
    <p>这里是内容,很多图片内容啊<p>
    </div>
    </body>
    js部分
    <script type="text/javascript"> function clearheight() { var e=document.getElementById("con"); var scon=e.innerHTML; scon = scon.replace(/[ t]*height[ t]*=[ t]*("[^"]+")|('[^']+')/ig,""); scon = scon.replace(/[ t]*height[ t]*=[ t]*[^ t]+/ig,"");e.innerHTML=str1; } </script>

  • 细水长流
    #3楼    细水长流
    2021-10-17 10:48:20
    Chrome 0


    替换就行了
  • kevin
    #4楼    kevin
    2021-10-17 10:58:05
    Chrome 0
    细水长流 宽高不一样不行呢
  • kevin
    #5楼    kevin
    2021-10-17 11:20:12
    Chrome 0

    在config/custom.php文件里面加一个自定义函数

    function myClearHtml($content) {       
    $content = preg_replace("/width=.+?['|\"]/i",'',$content);//去除样式      
    $content = preg_replace("/height=.+?['|\"]/i",'',$content);//去除样式     
    $content = preg_replace('/width\s*:\s*\d+\s*px\s*;*/is','',$content);//去除样式    
    $content = preg_replace('/height\s*:\s*\d+\s*px\s*;*/is','',$content);//去除样式    
    return $content;
    }

    show.html 默认的是

    {$content}

    改成

    {myClearHtml($content)}
  • 迅睿粉丝
    #6楼    迅睿粉丝
    2021-10-17 11:23:38
    Chrome 0
    楼主是高手,先收藏起来
  • kevin
    #7楼    kevin
    2021-10-17 11:25:59
    Chrome 0
    这方法很硬!.class img {
    1. width: 100%!important;
    2. height: auto!important;
    }
    满意答案
  • 小黄人 18html
    #8楼    小黄人 18html
    2021-10-23 14:11:54
    Chrome 0
    都是基本操作
  • 天下无难事
    #9楼    天下无难事
    2021-10-23 14:23:17
    Chrome 0
    .class img{ width:100%!important;height:100%!important; text-align:center; }.class table{ width:100%!important;height:100%!important;}强制骚操作,完美解决
  • kevin
    #10楼    kevin
    2021-11-02 16:39:17
    Chrome 0
    @kevin:结帖!!!!