有什么工具可以将html转换为twig吗?

时间:2012-12-30 01:06:38

标签: html symfony twig

我正在学习Symfony2,我正在做小测试。

我已经制作了一个小的html来测试树枝模板。

<html>
    <head>
        <title>test00</title>
        <link rel="stylesheet" href="test.css" />
</head>
<body>
    <div id="test">
        <img src="test.png" /><br />
        <a href="test.php">test</a>
    </div>
</body>

这些文件位于html的同一目录中。

然后将所有文件(html,css和图像)复制到我的测试中: 在/ var / WWW / Symfony的/ src目录/测试/ TestBundle /资源/视图/默认 并将html重命名为html.twig。

但是当使用此html作为twig模板时失败,因为Symphony尝试使用“http://localhost/Symfony/web/test.png”作为链接图像。

是的,我已阅读文档并了解“资产”,我可以通过一些示例更改文件的路径 test.png')“/&gt;并将所有文件复制到budle中的web目录。

但我想知道“有没有工具可以将html转换为twig?”因为例如我不能对老板说:

“Symfony2非常棒。但是你的设计师必须学习Twig,当她用Dreamweaver完成html时,她必须改变所有链接到css和图像以制作模板......是的她看不见任何东西只能发送给我放入网络服务器检查它是否正确。“

你希望我的老板会想到Symfony2?他会认为这很疯狂,这是工作的两倍。

我认为最好的是一个自动工具,将带有相对路径的html转换为twig,以及类似于放入web目录的包文件。并且设计师不需要知道任何事情,只需要使用{{page_name}}而不是“页面名称”来制作几个奇怪的东西。

问候。

2 个答案:

答案 0 :(得分:3)

从html编码器的角度来看,Twig是HTML。只要在服务器上设置模板语言支持,编写twig或HTML就没有区别。唯一的区别是<h1>{{variables}}<\h1>.您的HTML编码员应该知道他们有权访问哪些变量。话虽如此,从开发人员的角度来看,树枝更是如此,所以我并没有简化树枝。但如果有人知道HTML,他们就会知道如何处理树枝。

答案 1 :(得分:0)

Then copy all files (html, css and the images) to my test: 
/var/www/Symfony/src/Test/TestBundle/Resources/views/Default And rename the html to html.twig.

不。您的html.twig文件需要在视图下的某个位置结束,以便模板处理器可以访问它们。但是,您的css和图像需要复制到根网站目录。 app.php所在的同一个地方。

But fail when use this html as twig template, because the Symphony try to use
"http://localhost/Symfony/web/test.png" as link the image.

这不是symfony生成此链接,而是您的Web浏览器。使用Control-U从浏览器中检查生成的html源代码。您会发现您的链接(例如href =“test.css”)尚未更改。除非周围有一些花括号,否则Twig不会改变任何东西。

因此,您的设计师可以继续使用当前的工作流程并提供一组文件。您只需将文件部署到正确的位置即可。

当然symfony / twig可以做更多简单的变量替换,所以最终你可能想要改变一些东西。但你可以开始就好了。