首页 > 学习 文章正文

帝国CMS编辑器上传图片取消宽高(内容模板里过滤掉图片尺寸)的方法

学习 2022-07-03 14:36:13
后台-插件-广告管理-内容页头部广告(手机)

第一种方法是在单独模板页面里过滤

<?

$xstyle=$r[newstext];

$xstyle=preg_replace(&#39;/style=.+?[&#39;|"]/i&#39;,&#39;&#39;,$xstyle);

echo $xstyle;

?>

手机

第一种方法是在单独模板页面里过滤

<?

$xstyle=$r[newstext];

$xstyle=preg_replace('/style=.+?['|"]/i','',$xstyle);

echo $xstyle;

?>

手机版

<?

$xstyle=DoWapRepNewstext($r[newstext]);

$xstyle=preg_replace('/style=.+?['|"]/i','',$xstyle);

echo $xstyle;

?>

第二种,在全站模板的CSS里修改

<link href="[!--news.url--]skin/default/css/style.css" rel="stylesheet" type="text/css" />

在CSS里将img的代码改成这么

img {

max-width: 560px;width:expression(this.width > 560 ? "560px":this.width);

/*如果图片大小超过450则自动按比例缩小到450*/

vertical-align:bottom;border:none;/*上半句是图片下沉,后面是无边框。常用*/

}

 

第三种,直接在添加图片时过滤

帝国CMS编辑器上传图片的时候默认会添加图片的宽高到链接样式中,这种情况图片在手机网站中显示就无法进行自适应,如下图所示:



去除宽高的方法:

考虑到帝国使用后台以及前台的投稿,需要同时找到以下文件进行修改:

1

2

/e/admin/ecmseditor/infoeditor/plugins/image/dialogs/image.js【后台修改路径】

/e/data/ecmseditor/infoeditor/plugins/image/dialogs/image.js【前台修改路径】

打开上面路径的文件,搜索下面的代码

1

this.imageElement.getAttribute("style") || this.imageElement.removeAttribute("style");

修改为以下代码

1

this.imageElement.setAttribute("style")&&this.imageElement.removeAttribute("style");

这样的话就移除了所有的style样式,直接使用CSS就可以了
 
后台-插件-广告管理-内容页尾部广告(手机)

标签: 帝国CMS 

帝国CMS编辑器上传图片取消宽高(内容模板里过滤掉图片尺寸)的方法Copyright @ 2022 All Rights Reserved. 版权所有 备案号:辽ICP备10018320号-18 帝国CMS强力驱动 站长微信:jiangeseo