Javascript模板系統 - PURE，EJS，jquery插件？

var templater = function(template, tokens, tokenIdentifier) { 
    tokenIdentifier = tokenIdentifier || "$"; 
    // Decode HTML encoded template tokens %7B -> {, %7D -> } 
    template = template.replace(
     new RegExp("\\" + tokenIdentifier + "%7B(\\w+)%7D", "gi"), 
     tokenIdentifier + "{$1}" 
    ); 

    for (var i in tokens) { 
     if (tokens.hasOwnProperty(i)) { 
      template = template.replace(
       new RegExp("\\"+tokenIdentifier+"\\{"+i+"\\}", "g"), 
       tokens[i] 
      ); 
     } 
    } 

    return template; 
};

用法：

templater("Hi, my name is ${name}", {name: "Bobo the Clown"}); 
// The token identifier defaults to $, but can be changed arbitrarily 
templater("#{title} #{surname} #{verb} #{noun}", {title: "Dr.", surname: "Amazing", verb: "packed", noun: "sand"}, "#");

輸出：

Hi, my name is Bobo the Clown 
Dr. Amazing packed sand

來源

2009-12-09 00:42:30

這是一個在jQuery中爲Smarty模板語言實現的實現。 http://www.balupton.com/sandbox/jquery-smarty/demo/

一個令人印象深刻的功能是支持動態更新。因此，如果更新模板變量，它將更新模板中使用該變量的任何位置。相當漂亮。

您還可以使用onchange事件掛鉤變量更改。所以說，當那是說執行效果或AJAX有用的「page」變量的變化;-)

來源

2009-12-09 05:42:14 balupton

這實際上只是更新了。很值得一看。 – balupton 2010-07-01 06:17:09

-1

如果您正在使用Script#你可能要考慮SharpTemplate，強類型，超高效的HTML模板引擎。

來源

2010-01-17 01:39:28 Shiva

如果你有任何機會使用jQuery框架，我可以推薦一個名爲jQote的插件給你。有人拿John Resig的引擎將其打包成一個插件，使得它很容易做到JavaScript模板。

http://aefxx.com/jquery-plugins/jqote

乾杯！

來源

2010-02-02 21:57:16 aefxx

與此同時，jQote2已經發布：http://aefxx.com/jquery-plugins/jqote2/ – chiborg 2010-07-16 10:08:46

我同意Jage。

http://ejohn.org/blog/javascript-micro-templating/是非常簡單和快速實施。你不需要做大量的工作來獲得好的結果。

來源

2010-02-23 11:58:17

看看hacktl.js http://code.google.com/p/hacktl/。輕快而簡約

來源

2010-07-15 04:17:08

也許你可以詳細說明一下嗎？ – 2012-12-17 13:42:33

jQuery的HAML是好的。

https://github.com/creationix/jquery-haml

來源

2010-12-22 23:07:18

Mustache.js至今工作很適合我。它也可用於許多服務器端語言（Ruby，Python，Clojure等），因此您可以在多個上下文中使用它。

來源

2010-12-22 23:35:06 rlayte

HAML咖啡。
結合兩種最好的元語言。

https://github.com/9elements/haml-coffee

來源

2011-06-17 18:40:07 Duke

還有一個Ruby寶石，可以讓你在資產管道中使用haml-coffee或作爲傾斜模板：https：//github.com/netzpirat/haml_coffee_assets – Netzpirat 2012-04-12 17:08:24

Javascript模板系統 - PURE，EJS，jquery插件？

回答

相關問題