Swig 사용 설명서

어떻게 사용합니까

API

swig.init({
  allowErrors: false,   
  autoescape: true,
  cache: true,
  encoding: 'utf8',
  filters: {},
  root: '/',
  tags: {},
  extensions: {},
  tzOffset: 0
});

nodejs

var tpl = swig.compileFile("path/to/template/file.html");
var renderedHtml = tpl.render({ vars: 'to be inserted in template' });

var tpl = swig.compile("Template string here");
var renderedHtml = tpl({ vars: 'to be inserted in template' });

Express 결합

npm install express
npm install consolidate

app.engine('.html', cons.swig);
app.set('view engine', 'html');

브라우저

var template = swig.compile('
{% block content %}{% endblock %}
', { filename: 'main' });
var mypage = swig.compile('{% extends "main" %}{% block content %}Oh hey there!{% endblock %}', { filename: 'mypage' });

기초

변수

{{ foo.bar }}
{{ foo['bar'] }}

{{ name|title }} was born on {{ birthday|date('F jS, Y') }}
// Jane was born on July 6th, 1985

논리 레이블

메모

공백

{% for item in seq -%}
    {{ item }}
{%- endfor %}

템플릿 상속

    
    

    {% block head %}
        
    {% endblock %}


    {% block content %}{% endblock %}

{% extends 'layout.html' %}

{% block title %}My Page{% endblock %}

{% block head %}
{% parent %}
    
{% endblock %}

{% block content %}
    
This is just an awesome page.
{% endblock %}

변수 필터

예제

{{ name|title }} was born on {{ birthday|date('F jS, Y') }}
and has {{ bikes|length|default("zero") }} bikes.

{% filter upper %}oh hi, paul{% endfilter %}

내장 필터

사용자 정의 필터

swig.init({ filters: require('myfilters') });

exports.myfilter = function (input) {
    return input.toString().split('').reverse().join('');
};

{{ name|myfilter }}

{% filter myfilter %}I shall be filtered{% endfilter %}

exports.prefix = function(input, prefix) {
    return prefix.toString() + input.toString();
};

{{ name|prefix('my prefix') }}

{% filter prefix 'my prefix' %}I will be prefixed with "my prefix".{% endfilter %}
{% filter prefix foo %}I will be prefixed with the value stored to `foo`.{% endfilter %}

태그

내장 레이블

{% include template_path %}
{% include "path/to/template.js" %} 

{% include "foobar.html" ignore missing %}

{% set foo = "bar" %}
{% include "inc.html" %}

{% for bar in thing %}
    {% include "inc.html" %}
{% endfor %}

{% set foo = { bar: "baz" } %}
{% include "inc.html" with foo %}

{% for bar in thing %}
    {% include "inc.html" with bar %}
{% endfor %}    

{% include "inc.html" with foo only %}

{% for x in y %}
    {% if loop.first %}
{% endif %}
    
{{ loop.index }} - {{ loop.key }}: {{ x }}
    {% if loop.last %}
{% endif %}
{% endfor %}

{% for item in items %}
    
{{ item }}
{% endfor %}

{% for person in people %}
    {{ person }}
{% else %}
    There are no people yet!
{% endfor %}

{% if x %}{% endif %}
{% if !x %}{% endif %}
{% if not x %}{% endif %}

{% if x and y %}{% endif %}
{% if x && y %}{% endif %}
{% if x or y %}{% endif %}
{% if x || y %}{% endif %}
{% if x || (y && z) %}{% endif %}

{% if x [operator] y %}
    Operators: ==, !=, , >=, ===, !==
{% endif %}

{% if x == 'five' %}
    The operands can be also be string or number literals
{% endif %}

{% if x|length === 3 %}
    You can use filters on any operand in the statement.
{% endif %}

{% if x in y %}
    If x is a value that is present in y, this will return true.
{% endif %}

{% if foo %}
    Some content.
{% else if "foo" in bar %}
    Content if the array `bar` has "foo" in it.
{% else %}
    Fallback content.
{% endif %}

some_html_output = '
Hello "you" & \'them\'
';

{% autoescape false %}
    {{ some_html_output }}
{% endautoescape %}

{% autoescape true %}
    {{ some_html_output }}
{% endautoescape %}

{% autoescape true "js" %}
    {{ some_html_output }}
{% endautoescape %}

Hello "you" & 'them'

<p>Hello "you" & 'them' </p>

\u003Cp\u003EHello \u0022you\u0022 & \u0027them\u0027\u003C\u005Cp\u003E

{% set foo = [0, 1, 2, 3, 4, 5] %}
{% for num in foo %}
    
{{ num }}
{% endfor %}

{% macro input type name id label value error %}
{{ label }}

{% endmacro %}

{{ input("text", "fname", "fname", "First Name", fname.value, fname.errors) }}
{{ input("text", "lname", "lname", "Last Name", lname.value, lname.errors) }}

    First Name
    


    Last Name
    

{% import 'formmacros.html' as form %}

{# this will run the input macro #}
{{ form.input("text", "name") }}

{# this, however, will NOT output anything because the macro is scoped to the "form" object: #}
{{ input("text", "name") }}

{% filter uppercase %}oh hi, {{ name }}{% endfilter %}
{% filter replace "." "!" "g" %}Hi. My name is Paul.{% endfilter %}

OH HI, PAUL
Hi! My name is Paul!

{% spaceless %}
{% for num in foo %}
    
{{ loop.index }}
{% endfor %}
{% endspaceless %}

1
2
3