Tag: 模板引擎

基于jquery xml的模板引擎

从周围缺乏信息来判断,我猜测下面的问题可能有点“滑雪道”,因为他们说.. 我试图找到一个基于XML的javascript(基于JQuery的)模板引擎.. 有点像说Ext.JS(Sencha)如何做事或SPRY数据集。 有点精…… 显然有很多基于JSON的,我知道,尽管我有一个必须使用XML的要求。 我一直在使用John Resig的微模板引擎来获取JSON数据,并且真的想要基于XML的数据类似的东西吗? 有任何想法吗? 还是徒劳的?

Javascript模板引擎与jQuery一起使用

全部,我正在尝试使用jQuery文件上传演示: http : //blueimp.github.com/jQuery-File-Upload/ 我的问题是它在文档中说它使用了Javascript模板引擎( https://github.com/blueimp/jQuery-File-Upload/wiki/Template-Engine ) 但是,我不熟悉这个过程。 我正在尝试将其集成到我的Wordpress博客中以允许以这种方式上传文件。 在index.html中,它定义了以下模板: {% for (var i=0, file; file=o.files[i]; i++) { %} {%=file.name%} {%=o.formatFileSize(file.size)%} {% if (file.error) { %} {%=locale.fileupload.error%} {%=locale.fileupload.errors[file.error] || file.error%} {% } else if (o.files.valid && !i) { %} {% if (!o.options.autoUpload) { %} {%=locale.fileupload.start%} {% } %} {% } else { %} {% } […]

更改模板标记后,John Resig的微模板语法错误<#{{{

我对John Resig的Micro模板有点麻烦。 任何人都可以帮助我解决它为什么不工作? 这是模板 test content {%=id%} {%=name%} 和引擎的修改部分 str .replace(/[\r\t\n]/g, ” “) .split(“{%”).join(“\t”) .replace(/((^|%>)[^\t]*)’/g, “$1\r”) .replace(/\t=(.*?)%>/g, “‘,$1,'”) .split(“\t”).join(“‘);”) .split(“%}”).join(“p.push(‘”) .split(“\r”).join(“\\'”) + “‘);}return p.join(”);”); 和JavaScript var dataObject = { “id”: “27”, “name”: “some more content” }; var html = tmpl(“row_tmpl”, dataObject); 和结果,你可以看到= id和= name似乎在错误的地方? 除了将模板语法块从更改为{%%}之外,我没有更改任何内容。 这是来自Firefox。 Error: syntax error Line: 30, Column: 89 Source Code: […]

如何使用John Resig JavaScript微模板引擎?

我已经搜索了一些关于在Google上使用John Resig JavaScript微模板引擎的基本示例,但是干涸了。 我决定把它带给基地人。 任何人都可以帮助一个使用这个引擎的简单例子吗? 我之前从未使用过客户端模板引擎。 更新:这是完整的HTML文档。 感谢Will。 John Resig JavaScript Micro-Templating engine //Data var data = { fname: “fred” }; function onloadFunction() { var s = $(“#biodata”).html(); var s1 = tmpl(s, data); $(“#target”).html(s1); }

什么是当前最好的Javascript模板引擎?

因此,在这个主题上有一堆较旧的问题,指出了许多可用的选项。 例如,这两个问题是关于该主题的一些最多回答: JavaScript支持哪种好的模板语言? jQuery模板引擎 这两个问题的大多数答案都来自2008年。 然而,在过去一年左右的时间里,javascript格局已经发生了很大变化。 例如,.NET JQuery扩展最近被添加为官方JQuery插件。 在目前的模板引擎中,哪个是最好的? 以下是我所知道的一些选项: jQuery的TMPL https://github.com/jquery/jquery-tmpl http://blog.jquery.com/2010/10/04/new-official-jquery-plugins-provide-templating-data-linking-and-globalization/ http://weblogs.asp.net/scottgu/archive/2010/10/04/jquery-templates-data-link-and-globalization-accepted-as-official-jquery-plugins.aspx http://www.borismoore.com/2010/10/jquery-templates-is-now-official-jquery.html (以前是NJE项目) John Resig的微模板 http://ejohn.org/blog/javascript-micro-templating/ 包含在underscore.js中 JTemplates http://jtemplates.tpython.com/ http://plugins.jquery.com/project/jTemplates PURE(Pure Unobtrusive Rendering Engine) http://beebole.com/pure/ ASP.NET Ajax模板 http://msdn.microsoft.com/en-us/magazine/cc546561.aspx jQuery Smarty https://github.com/balupton/jquery-smarty 鉴于所有这些不同的选择,这可能是最好的选择? 我试图在Resig的Microtemplates和JQuery-tmpl之间做出决定,但我不知道哪两个更好,或者是否有比其中任何一个更好的选择。 熟悉许多可用选项的人是否可以就此问题提供一些建议?

如何自定义Blueimp jQuery File Upload的上传/下载模板

我正在尝试使用jQuery文件上载演示。 我已经搜索了wiki和模板引擎wiki但是找不到如何在不使用表格行标签的情况下自定义上传/下载模板的答案。 每次我删除/更改表行标记它都不起作用。 Bellow是我自定义的上传模板,它不起作用。 我不知道为什么,有人可以帮忙吗? uploadTemplate: function (o) { var rows = $(); $.each(o.files, function (index, file) { var row = $(” + ” + ” + ” + (file.error ? ” : ” + ” + ‘Start’ ) + ‘Cancel’); row.find(‘.name’).text(file.name); row.find(‘.size’).text(o.formatFileSize(file.size)); if (file.error) { row.find(‘.error’).text( locale.fileupload.errors[file.error] || file.error ); } rows = rows.add(row); […]

Chrome扩展程序:未捕获错误:此上下文不允许从字符串生成代码

我试图在chrome扩展中使用微模板引擎并收到以下错误: Uncaught Error: Code generation from strings disallowed for this context在解析模板时, Uncaught Error: Code generation from strings disallowed for this context 。 你能帮我解决这个问题吗? 的manifest.json manifest.json: { “name”: “YYYY”, “version”: “1.0”, “manifest_version”: 2, “description”: “The first extension that I made.”, “browser_action”: { “default_icon”: “icon.ico”, “default_popup”: “popup.html” } } popup.html: Getting Started Extension’s Popup body { min-width:357px; […]