PHP Smarty テンプレートにCSSやJavascriptを書く時はliteralタグをつける

PHPでSmartyのテンプレートエンジンを使っている場合に、テンプレートに直接CSSやJavascriptを書く時は {literal} タグを前後に書いておきます。

{ や } がテンプレート言語の開始を表すデリミタとして認識されるためです。

{literal}と{/literal}の中はそのまま表示されます。

< スポンサーリンク >

例

テンプレートのheader内にCSSを書いてみます。

PHP：test.php

<?php
require_once “../libs/smarty-3.1.38/libs/Smarty.class.php”;
$smarty = new Smarty();
$smarty->template_dir = “./templates/”;
$smarty->compile_dir = “./templates_c/”;

$txt = array(“男”,”女”);
$smarty->assign(‘txt’,$txt);

$smarty->display(‘test.tpl’);

テンプレート：test.tpl

<!DOCTYPE html>
<html lang=”ja”>
<head>
    <meta charset=”utf-8″>
    <title>Smarty Test</title>
    {literal}
    <style>
        .male{color:blue;}
        .female{color:red;}
    </style>
    {/literal}
</head>
<body>
  <form name=”in_form” id=”in_form”>
      <p class=”male”>{$txt.0}</p>
      <p class=”female”>{$txt.1}</p>
  </form>
</body>
</html>

ブラウザで見てみると、ちゃんとスタイルが反映されています。

literalタグをいれていない場合は、下図のようなエラーが出ます。

Fatal error: Uncaught –> Smarty Compiler: Syntax error in template “file:C:\inetpub\wwwroot\smarty\templates\test.tpl” on line 7 “.male{color:blue;}” – Unexpected “:”, expected one of: “}” <– thrown in C:\inetpub\wwwroot\libs\smarty-3.1.38\libs\sysplugins\smarty_internal_templatecompilerbase.php on line 7