2013-02-03 64 views
0

我建立在傑基爾爲JavaScript項目的快速原型網站我的工作:Choropleth如何使用網站內mustache.js與哲基爾和液態佈局產生一起

現在我已經決定在該項目中引入mustache.js,很明顯,我遇到了與鬍子語法衝突的液體佈局{{}}語法問題。

有誰知道一種方法,我可以簡單地使用小鬍子的Set Delimiter功能來改變小鬍子在我的項目中的工作方式?我如何將寫入語法放入由Jekyll/Liquid生成的JS中?

回答

1

在我的網頁,我把在_posts文件夾(默認哲基爾設置)我有以下幾點:

--- 
layout:  test 
categories: tests 
comments: false 
date:  2013-02-02 21:15:30 
title:  Version 0.1.1 - geoJSON From Google Docs 
subtitle: Grab the Data from Google Docs Spreadsheet 

mustacheSetDelimiter: "{{={u{ }u}=}}" 
--- 

然後向下跌破我有以下測試線:

// Testing mustache template: use this to set new delimiter tags {{page.mustacheSetDelimiter}} 
console.log(Mustache.render("{{page.mustacheSetDelimiter}} County name: {u{countyname}u}", masterGeoJSON.features[0].properties)); 

它的工作原理像一個魅力。

+1

hind site:20/20我應該命名變量「setMustacheDelimiter」 –

2

我發現它在過去(一年前)是越野車,但我記得不得不在我的實際模板中包含分隔符設置。例如:

{{=[[ ]]=}} 

<div>There have been <strong>[[numVisits]]</strong> visits to this site!</div> 

[[={{ }}=]] 

雖然我不知道,如果初始{{將被解釋正確地考慮到一些其他的庫是在看同一個模板。