商业催化剂液体代码片段
Adobe Business Catalyst代码片段插件用于Sublime Text 2/3
详细信息
安装
- 总计 4K
- Win 3K
- Mac 900
- Linux 248
8月6日 | 8月5日 | 8月4日 | 8月3日 | 8月2日 | 8月1日 | 7月31日 | 7月30日 | 7月29日 | 7月28日 | 7月27日 | 7月26日 | 7月25日 | 7月24日 | 7月23日 | 7月22日 | 7月21日 | 7月20日 | 7月19日 | 7月18日 | 7月17日 | 7月16日 | 7月15日 | 7月14日 | 7月13日 | 7月12日 | 7月11日 | 7月10日 | 7月9日 | 7月8日 | 7月7日 | 7月6日 | 7月5日 | 7月4日 | 7月3日 | 7月2日 | 7月1日 | 6月30日 | 6月29日 | 6月28日 | 6月27日 | 6月26日 | 6月25日 | 6月24日 | 6月23日 | |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Windows | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Mac | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
Linux | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 | 0 |
README
商业催化剂液体代码片段
包括Adobe Business Catalyst液体元素的Sublime插件。
请随时告诉我你还想添加什么功能,可以通过
- Twitter @PhilMarcuson
- 问题
包含的内容 - 目录
- 安装
- 使用方法
- 帮助
- IF
- IFELSE
- UNLESS
- CASE
- FOR
- FORLOOPS
- CYCLE
- INCLUDE
- ASSIGN
- CAPTURE
- COMMENT
- RAW
- TABLEROW
- GLOBALS
- 许可协议
安装
安装此插件有3种方法。
通过“包控制:安装包”菜单搜索“Business Catalyst Liquid Snippets”。 注意: 如果您还没有安装Sublime Package Control,您可以通过此处了解如何安装它https://sublime.wbond.net/installation
将存储库克隆到您的Sublime Text 2/3包目录中。
git clone https://github.com/PhilMarcuson/business-catalyst-sublime-plugin.git
下载.zip文件并将其解压缩到您的Sublime Text 2/3包目录中。 注意: 您可以通过转到首选项 > 浏览包来找到Sublime Text 2/3包目录。
使用方法
所有文件:在任何文件中开始键入bcl- 并与元素名(见下文)一起,然后按'Tab'键来自动完成条目。一旦你将代码片段添加到页面中,你可以使用[tab]键在液体逻辑中通过以提供您的输入。
HTML文件:在任何HTML文件中开始键入<bcl
,自动完成窗口就会打开。它是模糊匹配的。因此,您可以键入<bcl-i
来找到bcl-ifelse
代码片段。
确保您已在您的Preferences.sublime-settings中启用了“<”
\"auto_complete_triggers\": [{\"selector\": \"text.html\", \"characters\": \"<\"}],
帮助
大多数Liquid逻辑标签都有帮助代码片段。将-help
附加到标签上,代码片段将提供一个预填充的示例以供您开始。
您还可以在此处找到更多的有用示例以及其他文档,您可以在此处了解更多信息: http://docs.businesscatalyst.com/reference/liquid/logic-tags.html
如果
简单的IF决策块
代码片段 |
---|
bcl-if |
bcl-if-help |
示例
{% if item.Color == 'red' -%}
<p>Red is the color</p>
{% endif -%}
IfElse
与普通的IF条件类似,唯一的区别是这增加了一个额外的选择。
代码片段 |
---|
bcl-ifelse |
bcl-ifelse-help |
示例
{% if item.Color == 'red' -%}
<p>Red is the color</p>
{% elseif item.Color == 'blue' -%}
<p>Blue is the color</p>
{% else -%}
<p>Neither red nor blue.</p>
{% endif -%}
除非
除非条件为真,否则代码将执行
代码片段 |
---|
bcl-unless |
bcl-unless-help |
示例
{% unless item.Color == 'red' -%}
<p>The color is not red.</p>
{% endunless -%}
Case
根据变量的可能值执行某些操作。如果遇到所有“已知”值,则执行最后的“else”分支。
代码片段 |
---|
bcl-case |
bcl-case-help |
示例
{% case item.country -%}
{% when 'DE' -%}
Willkommen
{% when 'ES' -%}
Bienvenido
{% when 'EN' -%}
Welcome
{% else -%}
Bine ai venit
{% endcase -%}
For
FOR用于遍历一组元素。
代码片段 |
---|
bcl-for |
bcl-for-help |
示例
{% for item in webapp1.items -%}
<p>
This item's name is: {{item.name}}
</p>
{% endfor -%}
ForLoops
在FOR循环中,您可以访问以下变量
描述 | 代码片段 |
---|---|
带有自动完成的for循环 | bcl-forloop |
整个for循环的长度 | bcl-forloop-length |
当前迭代的索引 | bcl-forloop-index |
索引(基于零) | bcl-forloop-index0 |
还剩多少项? | bcl-forloop-rindex |
剩余项(基于零) | bcl-forloop-rindex0 |
这是第一次迭代吗? | bcl-forloop-first |
这是最后一次迭代吗? | bcl-forloop-last |
for循环助手 | bcl-forloop-help |
示例
<ul>
{% for item in globals -%}
<li>{{item[0]}}: {{item[1]}}<br/>
<p>
forloop.length is {{forloop.length}} - length of the entire for loop<br/>
forloop.index is {{forloop.index}} - index of the current iteration<br/>
forloop.index0 is {{forloop.index0}} - index of the current iteration (zero based)<br/>
forloop.rindex is {{forloop.rindex}} - how many items are still left?<br/>
forloop.rindex0 is {{forloop.rindex0}} - how many items are still left? (zero based)<br/>
forloop.first is {{forloop.first}} - is this the first iteration?<br/>
forloop.last is {{forloop.last}} - is this the last iteration? <br/>
</p>
</li>
{% endfor -%}
</ul>
Cycle
渲染几个可能的项目之一。
代码片段 |
---|
bcl-cycle |
bcl-cycle-help |
示例
{% cycle 'red', 'green', 'blue' -%}
{% cycle 'red', 'green', 'blue' -%}
{% cycle 'red', 'green', 'blue' -%}
{% cycle 'red', 'green', 'blue' -%}
渲染
red
green
blue
red
包括
包括用于从另一页拉取数据。您可以将其想象成一个内容持有者。主要区别在于,当使用include获取页面内容时,Liquid对象和集合将在主页面中可用。
代码片段 |
---|
bcl-include |
bcl-include-help |
示例
{%include "/to-be-included.html"-%}
分配
这用于创建新变量。
代码片段 |
---|
bcl-assign |
bcl-assign-help |
示例
{% assign new_variable = "my new value" -%}
捕捉
将文本块、HTML代码分配给变量。
代码片段 |
---|
bcl-capture |
bcl-capture-help |
示例
{% capture item_date -%}<span style="color:blue">{{item.releaseDate}}</span>{% endcapture -%}
注释
取消注释文本块。注释标签之间的文本不会在前端渲染。
代码片段 |
---|
bcl-comment |
bcl-comment-help |
示例
{%comment-%}
Do not forget to remove comments
{%endcomment-%}
原始
原始将Liquid标记渲染为纯文本文本。
代码片段 |
---|
bcl-raw |
bcl-raw-help |
示例
{%raw-%}
{{this | json}}
{%endraw-%}
表格行
这将绘制一个表格。您可以通过“cols:”值指定表格包含多少列。
代码片段 |
---|
bcl-tablerow |
bcl-tablerow-help |
示例
<table>
{% tablerow item in webapp1.items cols:2 -%}
{{item.name}}{{item.counter}}
{% endtablerow -%}
</table>
全局变量
http://docs.businesscatalyst.com/reference/liquid/globals.html
描述 | 代码片段 |
---|---|
具有自动完成的globals标签 | bcl-globals |
URL信息 | bcl-globals-get |
网站信息 | bcl-globals-site |
用户信息(登录) | bcl-globals-user |
访客信息 | bcl-globals-visitor |
购物车URL | bcl-globals-cart |
存储在域中的cookies | bcl-globals-cookie |
globals助手 | bcl-globals-help |
许可协议
Business Catalyst Liquid Snippets是开源软件,许可证为MIT。