README

双关语：H-Handlebars，多一个H是因为多了一个花括号。

这个Twig预处理器，基于[https://github.com/TiGR/twig-preprocessor]，允许你在twig模板中使用{{{}}} Handlebars，这些在最终的twig模板中以{{'{{'}} 和 {{'}}'}} 的形式渲染出来。

这允许你将twig和其他以handlebars分隔的代码（例如VueJS或handlebars.js）混合在同一个模板中。

这个分支（master）包含 Twig 2.x 的代码。

安装

通过composer安装（twig 2版本）

composer install roxburghm/twig-hhandlebars

用法

实例化一个真实的模板加载器，然后将其包装在HHandlebars加载器中，再传递给Twig。

实例化Twig

$realLoader = Twig_Loader_Filesystem('/path/to/templates');
$twig = new Twig_Environment(new Twig_Loader_HHandlebars($loader));

模板用法

<h1>Hello {{ twigvar_user.name }}</h1>

<div id="app">
  {{{ message }}}
</div>

var app = new Vue({
  el: '#app',
  data: {
    message: 'Hello Vue!'
  }
})

代码被正确渲染出来，无需更改Twig或VueJS等任何地方的分隔符。

以防万一你喜欢冒险并嵌套其他语言的预处理程序，这个预处理器会将三重handlebars转换为双括号，正如你预期的，但还会将四重转换为三重。

roxburghm / twig-hhandlebars

维护者

详细信息

README

安装

用法