特殊标签

CMS内容管理系统的模板中有几个特殊标签

itWrOkXfFGCRcIvbjxxUn/z+6EFCMJia5Sb6Hw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

资源路径替换标签

oqjakOLbvJMXdmsyIbiwVjW9hxfrQx2Ldz13kQ==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

在CMS内容管理系统前台模板标签中经常能看到__ADDON__标签和__CDN__标签，这两个标签通常在配置样式或脚本资源路径时使用，如：

opjvzMVDPrsFdwLbfkKqGDQiphCv4U3qW9369Q==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

前换前	替换后
`__ADDON__/css/share.min.css`	`/assets/addons/cms/css/share.min.css`
`__CDN__/libs/html5shiv.js`	`/assets/libs/html5shiv.js`

ShtIPDwWsAvROVigbNUhyNACNacynfBD58WLTw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

__ADDON__ 指向的是我们/assets/addons/cms目录
__CDN__ 指向的是我们的/assets目录

apOIrMlSsJTnCGLousjzT76to8ZmoSooeMVLrg==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

脚本样式替换标签

mAKRDCTUzoydqSvPTxCB3VQ0ebDq3BsI2T03vw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

在CMS内容管理系统前台模板标签中有两个特殊标签{__STYLE__}和{__SCRIPT__}，这两个标签出现在addons/cms/view/default/common/layout.html布局模板中，那这两个标签的作用是将当前页模板中的

rmQwThHzgPsnZCoISkYO8qY4PNVWc4ht62DbQg==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

<script data-render="script">JS代码</script>

pSfHnPtKRBMAdgqiDaCdxbTUsgrppMUzpgn9sQ==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

替换到{__SCRIPT__}位置
以及

WhNweREUsbzlPLVaCJiOOcoXgHnsYlEiuekk2g==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

<style data-render="style">CSS样式</style>

SyAgwIFYxjUrQzNp9bwNFHS/I2bIk7DD+hmX7A==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

替换到{__STYLE__}位置

VXEBykihzepWKMPuYyS90wh9OhgAnOb9SWVjKw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

例如我们的layout.html布局模板代码如下

TPMJyIbxnklvVQLtzm2DIGZ94lZ8mfW+JAMxKg==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

<!DOCTYPE html>
<head>
    <link rel="stylesheet" media="screen" href="__CDN__/assets/css/bootstrap.min.css"/>
    
    {__STYLE__}
    
</head>
<body class="group-page">

{__CONTENT__}

<script type="text/javascript" src="__CDN__/assets/libs/jquery/dist/jquery.min.js"></script>

{__SCRIPT__}

</body>
</html>

HkAYeGUChSaMcnPzijjWugcSZxsaZAcuByPE/g==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

我们在show_news.html模板中有如下代码

uAlMonrUqtxQICKsFD5ZxZbJCr8KrewSFGwQbQ==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

<style data-render="style">
body{
    background:#000;
};
</style>

<script data-render="script">
alert(123);
</script>

<p>这是我们详情页正文</p>

ixnKEyHQPTvXwBRIAYSOdgIXK5X7Pw663vpJwA==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

则生成的模板代码为：

YsRhUQiPSqyvjTLI1DOu3EyiKxxyOoMs2ghX1w==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

<!DOCTYPE html>
<head>
    <link rel="stylesheet" media="screen" href="/assets/css/bootstrap.min.css"/>
    
    <style>
    body{
        background:#000;
    };
    </style>
    
</head>
<body class="group-page">

<p>这是我们详情页正文</p>

<script type="text/javascript" src="/assets/libs/jquery/dist/jquery.min.js"></script>

<script>
    alert(123);
</script>

</body>
</html>

eabhRnpofWDQkUSGZaJEJPNfbBShqQL0qwAbmA==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

可以看到<style data-render="style"></style>中的代码已经被替换到head中了，而<script data-render="script"></script>中的代码被替换到了body的最尾部。

KMtGfWXzJqvgdalmw0OOuBPjSZtszyxTR7O8xQ==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

温馨提示

GBdEkbrtnwoQJIPYtWErh92GMvJcbINfFOR5zw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

{__STYLE__}和{__SCRIPT__}必须是大写，且前后都必须是空行。否则可能会导致替换失败。

IVBiTyCpXqazKfMWRLS4mFufcYTtmc62V3Hvjw==著作权归作者所有，未经许可，禁止转载、复制此文档的任何内容。

文档最后更新时间：2024-09-10 15:13:52

著作权归应用插件开发者所有，未经许可，禁止转载、复制此文档的任何内容。

← 单页/单页列表特殊属性 →