## 特殊标签
CMS内容管理系统的模板中有几个特殊标签
### 资源路径替换标签
在CMS内容管理系统前台模板标签中经常能看到`__ADDON__`标签和`__CDN__`标签,这两个标签通常在配置样式或脚本资源路径时使用,如:
| 前换前 | 替换后 |
| --- | --- |
| `__ADDON__/css/share.min.css` | `/assets/addons/cms/css/share.min.css` |
| `__CDN__/libs/html5shiv.js` | `/assets/libs/html5shiv.js` |
`__ADDON__`指向的是我们`/assets/addons/cms`目录
`__CDN__`指向的是我们的`/assets`目录
### 脚本样式替换标签
在CMS内容管理系统前台模板标签中有两个特殊标签`{__STYLE__}`和`{__SCRIPT__}`,这两个标签出现在`addons/cms/view/default/common/layout.html`布局模板中,那这两个标签的作用是将当前页模板中的
~~~xml
<script data-render="script">JS代码</script>
~~~
替换到`{__SCRIPT__}`位置
以及
~~~xml
<style data-render="style">CSS样式</style>
~~~
替换到`{__STYLE__}`位置
例如我们的`layout.html`布局模板代码如下
~~~xml
<!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>
~~~
我们在`show_news.html`模板中有如下代码
~~~xml
<style data-render="style">
body{
background:#000;
};
</style>
<script data-render="script">
alert(123);
</script>
<p>这是我们详情页正文</p>
~~~
则生成的模板代码为:
~~~xml
<!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>
~~~
可以看到`<style data-render="style"></style>`中的代码已经被替换到`head`中了,而`<script data-render="script"></script>`中的代码被替换到了body的最尾部。
`{__STYLE__}`和`{__SCRIPT__}`必须是大写,且前后都必须是空行。否则可能会导致替换失败。
- 概述
- 安装
- 配置
- 模板
- 标签
- 全局标签
- 文档/文档列表
- 专题/专题列表
- 栏目/栏目列表
- 公共参数
- 单页/单页列表
- 特殊标签
- 栏目列表页
- 分页标签
- 自定义字段
- ThinkPHP5标签
- 自定义表单数据列表
- 自定义过滤条件
- 用户信息
- 模板目录
- API
- 小程序
- 控制器
- Archives.php
- Base.php
- Common.php
- Index.php
- My.php
- User.php
- 准备工作
- 导入项目
- 修改配置
- 测试数据
- 多语言
- 常见问题
- Uniapp版
- 1.准备工作
- 1.HbuilderX安装
- 2.Hbuilder 插件安装
- 2.导入项目
- 3.运行项目
- 1.运行前的配置
- 2.运行为H5
- 3.运行为微信小程序
- 4.运行为APP
- 4.项目发布
- 1.发布H5端
- 2.发布微信小程序
- 3.发布APP
- 5.登录配置
- 6.常见问题
- 1.关于自定义导航栏切换闪烁问题
- 2.关于后台移动端样式预览问题
- 3.关于支付配置的问题
- 4.前端跨域的问题
- 5.关于各端内容分享的问题
- 6.关于签到问题
- 7.关于公众号授权登录问题
- 8.关于底部导航的追加或删除问题
- 9.运行微信小程序,进入微信小程序客户端后,没有底部菜单
- 10.关于首页焦点图的修改
- 11.关于发布小程序代码大小超出的问题
- 12.前端显示空白或白屏或提示网络请求错误的问题
- 13.关于如何在非tabbar配置页面显示tabbar导航
- 14.关于更换资讯页为主页的问题
- 15.关于更新1.4.4版本分包问题
- 16.Tabbar底部高亮显示问题
- 17.微信小程序获取手机号失败
- 18.微信小程序从页面侧滑返回或按键返回时Tabbar丢失的问题
- 19.Tabbar底部不支持外部链接的修复方法
- API文档
- 公共接口(Common)
- 文档接口(Archives)
- 评论接口(Comment)
- 自定义表单(Diyform)
- 短信验证码(Sms)
- 邮箱验证码(Ems)
- 登录/注册(Login)
- 我的接口(My)
- 搜索文档(Search)
- 标签文档(Tag)
- 日志中心(TheLogs)
- 会员中心(User)
- 专题接口(Special)
- 功能解说
- 自动内链
- 自定义表单
- 区块管理
- 栏目管理
- 模型管理
- 伪静态
- Sitemap
- 安全更新