fis3-parser-swig2
v0.1.4
Published
a plugin for fis3, use swig to parse page
Downloads
8
Readme
fis3-parser-swig2
a plugin for fis3, use swig to enhance html.
Fis3-parser-swig2 can help us to use swig with fis3. We can use some awesome features in swig, like extends, SwigOpts.locals and so on. Fis3-parser-swig2 mainly solves the problem of resource location using swig with fis3.
You can see some examples below.
Installation
npm install --save-dev fis3-parser-swig2Use
parser: fis.plugin('swig2'[,options]);options type(Object) Properties:
| Name | Type | Description | | ----------- | ------- | ----- | | autoescape | boolean | Controls whether or not variable output will automatically be escaped for safe HTML output. Defaults to true. Functions executed in variable statements will not be auto-escaped. Your application/functions should take care of their own auto-escaping. | | varControls | array | Open and close controls for variables. Defaults to ['{{', '}}']. | | tagControls | array | Open and close controls for tags. Defaults to ['{%', '%}']. | | cmtControls | array | Open and close controls for comments. Defaults to ['{#', '#}']. | | locals | object | Default variable context to be passed to all templates. |
Examples
/widgets/layout/layout.tpl
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>{% block title %}My Site{% endblock %}</title>
{% block head %}
<link rel="stylesheet" href="./main.css">
{% endblock %}
</head>
<body>
<a href="{{ pageUrl }}"></a>
{% block content %}{% endblock %}
</body>
</html>widgets/index/index.tpl
{% extends '/widgets/layout/layout.tpl' %}
{% block title %}My Page{% endblock %}
{% block head %}
{% parent %}
<link rel="stylesheet" href="./custom.css">
{% endblock %}
{% block content %}
<p>This is just an awesome page.</p>
{% endblock %}fis-conf.js
fis.set('project.ignore', fis.get('project.ignore').concat(['package.json', 'conf/**']));
fis.match('*.tpl', {
rExt: '.html',
parser: fis.plugin('swig2', {
locals: require('./conf')
})
});conf/index.js
module.exports = {
pageUrl: './page/url'
};result: widgets/index/index.html
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>My Page</title>
<link rel="stylesheet" href="/widgets/layout/main.css">
<link rel="stylesheet" href="/widgets/index/custom.css">
</head>
<body>
<a href="./page/url"></a>
<p>This is just an awesome page.</p>
</body>
</html>