Twital is a template engine built on top of Twig (a template engine for PHP and default template engine on Symfomy) that adds some shortcuts and makes Twig's syntax more suitable for HTML based (XML, HTML5, XHTML, SGML) templates. Twital takes inspiration from PHPTal, TAL and AngularJS or Vue.js (just for some aspects), mixing their language syntaxes with the powerful Twig templating engine system.
Twital is fully compatible with Twig, all Twig templates can be rendered using Twital.
To better understand the Twital's benefits, consider the following Twital template, which simply shows a list of users from an array:
<ul t:if="users">
<li t:for="user in users">
{{ user.name }}
</li>
</ul>To do the same thing using Twig, you need:
{% if users %}
<ul>
{% for user in users %}
<li>
{{ user.name }}
</li>
{% endfor %}
</ul>
{% endif %}As you can see, the Twital template is more readable, less verbose and and you don't have to worry about opening and closing block instructions (they are inherited from the HTML structure).
One of the main advantages of Twital is the implicit presence of control statements, which makes templates more readable and less verbose. Furthermore, it has all Twig functionalities, such as template inheritance, translations, looping, filtering, escaping, etc.
If some Twig functionality is not directly available for Twital, you can freely mix Twig and Twital syntaxes.
In the example below, we have mixed Twital and Twig syntaxes to use Twig custom tags:
<h1 t:if="users">
{% custom_tag %}
{{ someUnsafeVariable }}
{% endcustom_tag %}
</h1>When needed, you can extend from a Twig template:
<t:extends from="layout.twig">
<t:block name="content">
Hello {{name}}!
</t:block>
</t:extends>You can also extend from Twig a Twital template:
{% extends "layout.twital" %}
{% block content %}
Hello {{name}}!
{% endblock %}
A presentation of Twital features and advantages is available on this presentation.
The recommended ways install Twital is via Composer.
composer require goetas/twitalGo here http://twital.readthedocs.org/ to read a more detailed documentation about Twital.
First, you have to create a file that contains your template
(named for example demo.twital.html):
<div t:if="name">
Hello {{ name }}
</div>Afterwards, you have to create a PHP script that instantiate the required objects:
require_once '/path/to/composer/vendor/autoload.php';
use Goetas\Twital\TwitalLoader;
$fileLoader = new Twig_Loader_Filesystem('/path/to/templates');
$twitalLoader = new TwitalLoader($fileLoader);
$twig = new Twig_Environment($twitalLoader);
echo $twig->render('demo.twital.html', array('name' => 'John'));That's it!
If you are a Symfony user, you can add Twital to your project using the TwitalBundle.
The bundle integrates all most common functionalities as Assetic, Forms, Translations, Routing, etc.
Starting from version Twital 1.0.0, both twig 1.x and 2.x versions are supported.
The code in this project is provided under the MIT license. For professional support contact [email protected] or visit https://www.goetas.com
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent