带有胡须模板的动态导航


Dynamic Navigation with Mustache Templating

我创建了一个带胡子的模板.php并希望根据单个文件夹中的文件动态创建导航。我正在为这个项目使用编码点火器。

我有一个函数可以获取文件并将它们转换为链接,这个函数称为create_front_navigation()

public function create_front_navigation()
{
    $map = directory_map(APPPATH.'views/front/', 1);
    $files = '<ul>';
    foreach($map as $map)
    {
        $files = $files.'<li><a href="#">'.str_replace('.php', '', $map).'</a></li>';
    }
    $files = $files.'</ul>';
    return $files;
}
该函数

是从我的函数调用的,该函数收集和创建我的partials或胡须翻译,称为create_partials

public function create_partials()
{
    $partials = array(
        'navigation' => $this->create_front_navigation(),
        'site' => 'SaleBolt',
        'firstname' => 'John',
        'visitorNumber' => '6',
    );
    return $partials;
}

然后,所有这些信息都会从实际将胡须标签转换为实际单词的函数中调用。此函数简称为 render()

public function render($template)
{
    $template = $this->mustache->loadTemplate($template);
    $page = $template->render($this->create_partials());
    echo $page;
}

我的问题是,而不是将"导航"呈现为实际的无序列表。胡子只是将其呈现为文本。

所以在我的浏览器中,我看到这个:

<ul><li><a href="#">about</a></li><li><a href="#">home</a></li></ul>

而不是预期的结果:

  • 关于
  • 首页

我在这里做错了什么?小胡子是否提供了更好的方法来做这样的事情?我对 Mustache 非常陌生,并且已经学习了几个教程才能走到这一步。提前感谢您的帮助!

默认情况下,Mustache 实现会转义 HTML。(他们这样做是为了保护您免受恶意用户提交内容的侵害。必须使用单独的变量语法来取消转义包含 HTML 的字符串。

请参阅小胡子/胡子中的胡须标签.php文档:

默认情况下,所有变量都是 HTML 转义的。如果要返回未转义的 HTML,请使用三重胡须:{{{ name }}}。

你也可以使用 & 来取消转义变量:{{& name }}。这在更改分隔符时可能很有用。

您尚未发布正在使用的模板,但您需要修改包含 HTML 的变量(例如,{{ navigation }}应该是{{{ navigation }}})。