首页 > 学习 文章正文

帝国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