ecshop自动解析模板中图片,css，js的路径

ecshop会自动解析模板文件中的图片，css文件，js文件的路径，但并不是所有的图片，css文件，js文件的路径都会替换，
例如在dwt模板文件中有：

 代码如下 复制代码

<link href="css/index.css" rel="stylesheet" type="text/css">
将会自动替换成

<link href="themes/模板目录名/css/index.css" rel="stylesheet" type="text/css">

能自动替换路径的css文件一定要以路径css开头的css文件

例如在dwt模板文件中有：

 代码如下 复制代码

<script type="text/javascript" src="js/index.js"></script>

将会被自动替换为

<script type="text/javascript" src="themes/模板目录名/js/index.js"></script>

能自动替换路径的js文件一定要以路径js开头的js文件

例如在dwt模板文件中有：

 代码如下 复制代码

<img src="images/lostphp.png">

将会被自动替换为

<img src="themes/模板目录名/images/lostphp.png">

能自动替换路径的图片文件一定要以路径img开头的图片文件
这种自动解析方便我们可以把这些css,js,img和模板放在一起而不用考虑实际的路径
ecshop对图片，CSS,JavaScript的路径替换原则可以参看include/cls_template.php文件里面的smarty_prefilter_preCompile()的最后几行正则替换:

 代码如下 复制代码
 /* 在头部加入版本信息 */
 $source = preg_replace('/<head>/i', "<head>\r\n<meta name=\"Generator\" content=\"" . APPNAME .' ' . VERSION . "\" />", $source);
 
 /* 修正css路径 */
 $source = preg_replace('/(<link\shref=["|\'])(?:\.\/|\.\.\/)?(css\/)?([a-z0-9A-Z_]+\.css["|\']\srel=["|\']stylesheet["|\']\stype=["|\']text\/css["|\'])/i','\1' . $tmp_dir . '\2\3', $source);
 
 /* 修正js目录下js的路径 */
 $source = preg_replace('/(<script\s(?:type|language)=["|\']text\/javascript["|\']\ssrc=["|\'])(?:\.\/|\.\.\/)?(js\/[a-z0-9A-Z_\-\.]+\.(?:js|vbs)["|\']><\/script>)/', '\1' . $tmp_dir . '\2', $source);
 
 /* 更换编译模板的编码类型 */
 $source = preg_replace('/<meta\shttp-equiv=["|\']Content-Type["|\']\scontent=["|\']text\/html;\scharset=(?:.*?)["|\'][^>]*?>\r?\n?/i', '<meta http-equiv="Content-Type" content="text/html; charset=' . EC_CHARSET . '" />' . "\n", $source);
 
 }
 
 /**
 * 处理库文件
 */
 elseif ($file_type == '.lbi')
 {
 /* 去除meta */
 $source = preg_replace('/<meta\shttp-equiv=["|\']Content-Type["|\']\scontent=["|\']text\/html;\scharset=(?:.*?)["|\']>\r?\n?/i', '', $source);
 }
 
 /* 替换文件编码头部 */
 if (strpos($source, "\xEF\xBB\xBF") !== FALSE)
 {
 $source = str_replace("\xEF\xBB\xBF", '', $source);
 }
 
 $pattern = array(
 '/<!--[^>|\n]*?({.+?})[^<|{|\n]*?-->/', // 替换smarty注释
 '/<!--[^<|>|{|\n]*?-->/', // 替换不换行的html注释
 '/(href=["|\'])\.\.\/(.*?)(["|\'])/i', // 替换相对链接
 '/((?:background|src)\s*=\s*["|\'])(?:\.\/|\.\.\/)?(images\/.*?["|\'])/is', // 在images前加上 $tmp_dir
 '/((?:background|background-image):\s*?url\()(?:\.\/|\.\.\/)?(images\/)/is', // 在images前加上 $tmp_dir
 '/([\'|"])\.\.\//is', // 以../开头的路径全部修正为空
 );
 $replace = array(
 '\1',
 '',
 '\1\2\3',
 '\1' . $tmp_dir . '\2',
 '\1' . $tmp_dir . '\2',
 '\1'
 );

注意事项:虽然说是自动解析了但是也是有要前提了，比如说ecsho.css会被解析成themes/模板目录/ecshop.css哦
页css/ecshop.css会被解析成themes/模板/css/ecshop.css哦，而像images会被解析而img不会解析， js会被解析而javascript不会解析，具体例子如下图

 

时间： 2024-04-26 01:33:03

ecshop自动解析模板中图片,css，js的路径的相关文章

Nginx/Apache 对图片,css,js等优化,静态页面设置过期时间

图片,CSS,JS,html设置过期时间 不是本域名的重定向到本域名 Nginx 图片,css,js等优化,静态页面设置过期时间 server{ ... location ~ .*\.(gif|jpg|jpeg|png|bmp|swf)$ { expires 30d;#图片缓存30天 } location ~ .*\.(js|css)?$ { expires 12h;#js css缓存12小时 } ... } 以上是在NGINX.CONF里复制的 我的站静态页面是如下设置的,伪静态也适用,这种方

使用wkhtmltopdf从html转pdf的时候，html中图片用的相对路径，转成pdf后图片显示不出来

问题描述 用markdown写用户手册后,生成Html.为了产生有目录的pdf格式,选择了wkhtmltopdf工具.使用wkhtmltopdf从html转pdf的时候,html中图片用的相对路径,转成pdf后图片显示不出来求熟悉的人帮忙啊! 解决方案 HTML和原来的markdown文件需要在一个目录.你只要打开HTML文件,看看图片是否显示就可以了.markdown生产pdf比较麻烦,特别是在windows下.我现在是使用gimli这个gem来生成pdf的(对wkhtmltopdf的封装),

用asp自动解析网页中的图片地址

网页 现在基于WEB页的HTML的编辑器在新闻系统,文章系统中用得越来越广,一个网页一粘就可以保持原来的样式,同时图片也可以在这个页中保持.但是在使用过程中,如果所粘贴页中的图片被删除,就会在自己的页面上留下一个大大的"X",影响美观.以前只好把这个图片保存下来,再重新上传到服务器上,这样实在麻烦.能不能让服务器自动去下载图片保存在服务器并且替换页面上的链接?答案是肯定的. 要实现这个功能需要经过三个步骤: 一,取得原页中的图片的地址. 方法很多,可以用分割字符串,也可以用正则匹配.实

用asp自动解析网页中的图片地址并将其保存到本地服务器

现在基于WEB页的HTML的编辑器在新闻系统,文章系统中用得越来越广,一个网页一粘就可以保持原来的样式,同时图片也可以在这个页中保持.但是在使用过程中,如果所粘贴页中的图片被删除,就会在自己的页面上留下一个大大的"X",影响美观.以前只好把这个图片保存下来,再重新上传到服务器上,这样实在麻烦.能不能让服务器自动去下载图片保存在服务器并且替换页面上的链接?答案是肯定的. 要实现这个功能需要经过三个步骤: 一,取得原页中的图片的地址.方法很多,可以用分割字符串,也可以用正则匹配.实践证明用

用asp自动解析网页中的图片地址，并将其保存到本地服务器

现在基于WEB页的HTML的编辑器在新闻系统,文章系统中用得越来越广,一个网页一粘就可以保持原来的样式,同时图片也可以在这个页中保持.但是在使用过程中,如果所粘贴页中的图片被删除,就会在自己的页面上留下一个大大的"X",影响美观.以前只好把这个图片保存下来,再重新上传到服务器上,这样实在麻烦.能不能让服务器自动去下载图片保存在服务器并且替换页面上的链接?答案是肯定的.要实现这个功能需要经过三个步骤:一,取得原页中的图片的地址.方法很多,可以用分割字符串,也可以用正则匹配.实践证明用正则

用asp自动解析网页中的图片地址_ASP基础

一,取得原页中的图片的地址. <%function PicStr(str) Set objRegExp = New Regexp '设置配置对象 objRegExp.IgnoreCase = True '忽略大小写 objRegExp.Global = True '设置为全文搜索 objRegExp.Pattern = "<IMG.+?>" '为了确保能准确地取出图片地址所以分为两层配置:首先找到里面的<IMG>标签,然后再取出里面的图片地址后面的geti

解析Android中webview和js之间的交互_Android

1.android中利用webview调用网页上的js代码.Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true,,然后通过loadUrl就可以直接进行调用,如下所示:mWebView.getSettings().setJavaScriptEnabled(true);mWebView.loadUrl("javascript:test()"); 2. 网页上调用android中java代码的方法在网页中

dedecms实现自动打包文章中图片并下载

示例代码  代码如下 复制代码 include("data/common.inc.php"); //加载数据库 $conn = mysql_connect($cfg_dbhost,$cfg_dbuser,$cfg_dbpwd) ;//or die(mysql_error()); mysql_select_db($cfg_dbname,$conn); mysql_query("set Names '$cfg_db_language'"); $id = intval(i

解析Android中webview和js之间的交互

1.android中利用webview调用网页上的js代码.Android 中可以通过webview来实现和js的交互,在程序中调用js代码,只需要将webview控件的支持js的属性设置为true,,然后通过loadUrl就可以直接进行调用,如下所示:mWebView.getSettings().setJavaScriptEnabled(true);mWebView.loadUrl("javascript:test()"); 2. 网页上调用android中java代码的方法在网页中