Git Product home page Git Product logo

liquid-syntax-mode's Introduction

Siteleaf Liquid support for Sublime Text

This is a fork of the shopify-liquid syntax, which was based off of the Djaniero package for Django.

Installation

Suggested: Install using Package Control. Search for "Siteleaf Liquid Syntax".

Or install manually:

  1. Clone this repo
  2. Put the contents of this repo directly inside:
  • OS X: ~/Library/Application Support/Sublime Text 3/Packages/
  • Windows: %APPDATA%/Sublime Text 3/Packages/
  • Linux: ~/.config/sublime-text-3/Packages

After installing:

You might need to switch to the syntax mode. (shift + cmd + p, search for Liquid, "Set Syntax: HTML (Liquid)")

Autocomplete

To show the autocomplete suggestions, your cursor must be within a tag markup or output marker wrapper ({% %} or {{ }})

Then press ctrl + spacebar, or add the following to your user settings file:

"auto_complete_selector": "source - comment, text.html.liquid punctuation.output.liquid, text.html.liquid punctuation.tag.liquid"

Snippets

Some handy snippets:

IF statement

if + tab >>>

{% if $1 %}
  $2
{% endif %}

Tag markup

% + tab >>>

{% $1 %}

Assign

assign + tab >>>

{% assign $1 = $2 %}

Capture

capture + tab >>>

{% capture $1 %}$2{% endcapture %}

Comment

comment + tab >>>

{% comment %}$0{% endcomment %}

Context variable

va + tab >>>

{{ $1 }}

Cycle

cycle + tab >>>

{% cycle $1 %}

Else

else + tab >>>

{% else %}

Elsif

elsif + tab >>>

{% elsif $1 %}

Endcapture

endcapture + tab >>>

{% endcapture %}

Endfor

endfor + tab >>>

{% endfor %}

Endif

endif + tab >>>

{% endif %}

Endraw

endraw + tab >>>

{% endraw %}

For

for + tab >>>

{% for $1 in $2 %}
	$3
{% endfor %}

For a full list, check out the "Snippets" folder.

liquid-syntax-mode's People

Contributors

granteagon avatar ledata avatar sawyerh avatar sskylar avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

liquid-syntax-mode's Issues

Support for `stylesheet` and `javascript` tags

Please, add syntax highlighting for:

{% stylesheet 'scss' %}
SCSS syntax highlighting
{% endstylesheet %}
{% stylesheet %}
CSS syntax highlighting
{% endstylesheet %}
{% javascript %}
JavaScript syntax highlighting
{% endjavascript %}

Sublime 4 Error

I get an error right away when installing this on Sublime 4 regarding a broken regex.

Error in Apple silicon Mac

I doubt this repo is still supported, I'm going to report this anyway...

I'm getting this error on Sublime 4126 on a Apple silicon mac (on my other machine it works fine):

Error loading syntax file "Packages/Siteleaf Liquid Syntax/Syntaxes/HTML (Liquid).tmLanguage": Error in regex: end pattern with unmatched parenthesis in regex \s+(and|or|not|contains|(\!\=|\=\=|<\=|>\=|<|>)\s+

any ideas how I can fix this? I really don't want to switch to vscode just for this ๐Ÿ˜ญ

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.