Top / テンプレート作成 / デザイン作成応用マニュアル / JavascriptやCSSなどで中括弧を使用する場合

JavascriptやCSSなどで"{"を使用する場合

デザインテンプレート(tplファイル)内に"{"(中括弧)を記述すると、その中身がWIKIPLUSのデザイン命令と解釈されるため、画面が白くなったり、サイトが正常に動かなくなります。

もっとも単純な解決方法は、JavascriptやCSS コードをそれぞれ外部ファイルに切り分け、tplファイルにそれらのリンクをはります。

ただし、状況によってJavascriptやCSSをtplファイル内に記述しなければならない場合、以下の方法で回避することもできます。

 

デザインテンプレート内で中括弧を記述したい場合

中括弧を含むJavaScriptやCSSをデザインテンプレート(tplファイル)に記述する際は、対象のJavaScriptやCSSを{literal}{/literal}で囲むようにしてください。

{literal} タグに囲まれたデータのブロックは、リテラル(Smartyが解釈しない文字)として認識されます。

{literal}<script type="text/javascript">~</script>{/literal}

 

デザインファイルで中括弧を単独で記述したい場合

デザインファイルで中括弧を単独で記述したい場合は{ldelim} および {rdelim}を使用します。

HTMLでの記述例

{ldelim}中括弧を表示します{rdelim}

出力結果

{中括弧を表示します}

※{ldelim}と{rdelim}はそれぞれ単独のタグとして使用することができます。