ctrl+shift+p filters: :st2 :st3 :win :osx :linux
浏览

商业催化剂液体代码片段

PhilMarcuson 全部

Adobe Business Catalyst代码片段插件用于Sublime Text 2/3

标签 代码片段

详细信息

  • 1.2.0
  • github.com
  • github.com
  • 8年前
  • 4年前
  • 9年前

安装

  • 总计 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

源代码
raw.githubusercontent.com

商业催化剂液体代码片段

包括Adobe Business Catalyst液体元素的Sublime插件。

请随时告诉我你还想添加什么功能,可以通过

包含的内容 - 目录

安装

安装此插件有3种方法。

  1. 通过“包控制:安装包”菜单搜索“Business Catalyst Liquid Snippets”。 注意: 如果您还没有安装Sublime Package Control,您可以通过此处了解如何安装它https://sublime.wbond.net/installation

  2. 将存储库克隆到您的Sublime Text 2/3包目录中。 git clone https://github.com/PhilMarcuson/business-catalyst-sublime-plugin.git

  3. 下载.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。