问题标签 [templating-engine]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
php - Twig 模板引擎和截断文本
根据这个网站,我一直在学习如何使用 Twig 。这是我的代码,是教程的变体:
索引.php:
和模板页面:
通过以下方式启用自动转义:
但是,我想截断文本并尝试通过将文本扩展添加到扩展目录来安装它,但我不知道如何让它工作,所以我可以这样做:
等等
我确实在谷歌上看过,但我发现与 Symfony 相关,我正在使用 Twig,只是为了感受一下它作为模板引擎的感觉。
我应该怎么做才能在 Twig 中截断文本?
javascript - Node JS 中的简单路由和不显眼的模板引擎
这是一个多部分的问题,我是 Node 的新手,所以请温柔:)
我有一个非常简单的 Node/express 应用程序设置返回 index.html 而不使用路由...
index.html 用作静态文件。
我的下一项工作是开始返回一些带有正确路由的页面,我已经知道我需要将我的路由放在 routes.js 文件中,并在我的 server.js 文件中“要求”该文件,但我可以不要让我的头脑设置路线,我在网上看到的每个示例/演示似乎都以不同的方式进行。任何有关如何做到这一点的明确示例都将不胜感激。
问题的下一部分是我想包含动态页面,但不知道模板引擎的去向。我想使用一些“不引人注目”的东西,这样我的原始 HTML 文件在浏览器中查看时仍然有意义。
在前端,我只需先使用选择器将 HTML 注入页面,然后使用 .html() 方法更改 html,我可以将 JSON 数据与模板绑定,然后通过查找将其注入正确的位置对于类名等。这完全不显眼,不需要任何丑陋的 {} 括号、内联 javascript 或指令。伪代码...
这样,我可以保持我的原始 HTML 干净和可见,就像这样......
我能找到的最接近的是 PURE - http://beebole.com/pure - 但我不确定如何让它与 NODE 一起工作(或者即使它兼容)。
为了增加更多复杂性,我使用的任何模板引擎都需要能够使用子模板(部分?),以便我可以包含每个页面上都相同的页眉/页脚等。我假设这可以通过在需要的每个主模板中引用子模板来递归完成?
如果您仍在阅读本文,那么很明显,您会发现我在这里用新技术挣扎,任何帮助都将不胜感激!
java - 小胡子+吊带+CQ5
我正在研究一种在使用 Sling 的 CQ5 中为视图引擎使用 Mustache 模板的方法。如果有人已经有过这方面的经验,我正在寻找一些建议。
我需要使用可以在需要时在前端和后端之间共享的模板格式。所以小胡子是理想的,但是,其他选项可能适用,例如车把。
我找到了一个我正在研究的“sling-scripting-mustache”的 git repo,但它缺少任何类型的文档。尽管如此,我还是会尝试一下。
将不胜感激任何想法和指导:)
data-binding - 如何在dust.js模板中使用javascript函数?
我正在使用dust.js 来做客户端模板。我想在我的模板中使用一个 javascript 函数,该函数会在模板中获取它的参数,即
前任:
在这种情况下,模板和 json-data 都是从服务器发送的,模板化发生在客户端。
在上面的示例中,我将从 json 数据中获取“id”,并希望显示与该 id 对应的用户名。
我是模板新手。我想知道如何使用dust.js 来做到这一点。
谢谢 :)
template-engine - 是否可以插入 freemarker 宏?
假设我有一个 freemarker 宏:
在某些情况下,我可以很容易地调用它:
但是插入它的语法是什么,例如,如果它是字符串的一部分?
angularjs - Twitter typeahead.js:可以使用 Angular JS 作为模板引擎吗?如果不是,我该如何替换 Hogan/Mustache js 的“{{}}”?
我正在使用twitter 的 typeahead.js,我想知道是否可以修改hogan.js
为使用除{{}}
.
我现在正在查看缩小的代码,但我不知道要为这么简单的东西更改什么。进行查找和替换会破坏它。
我问这个主要是因为我使用的是 Angular JS,但是 twitter 的 typeahead 需要一个模板引擎,导致 hogan 和 angular 的{{}}
冲突。一个更好的解决方案是简单地修改 Angular JS(我知道它不是模板引擎)并放弃 Hogan 以符合以下标准:
只要遵循以下 API,任何模板引擎都可以使用 typeahead.js:
node.js - 为什么我们为 Node 使用服务器端模板引擎?
例如,我看到很多人提到 Node.js 使用了 Jade 或 swig。我正在构建一个 Node.js 应用程序,它将使用 RESTful 接口与客户端进行通信。我希望能够发送和接收更新。我在网上看到的很多教程或应用程序都使用了 Jade 或其他一些模板引擎。
在服务器上使用模板引擎与仅提供一堆常规 html/javascript 并允许客户端根据从服务器发送给它的信息来呈现某些页面的优势是什么?服务器端模板引擎如何改进 RESTful 接口的使用?编辑:有什么好处还是只是个人喜好?
如果它在某种程度上是有利的,我会在我的项目走得太远之前花时间学习它,而不是希望我早点学会它:-D
这是一个使用 Jade-lang 的示例。
javascript - 将 JavaScript 对象/哈希传递给 Handlebars 助手?
是否可以将 JavaScript 对象/散列传递给 Handlebars 助手调用?我想做这样的事情:
这是一个 jsFiddle。目前它产生以下错误
或者,我可能会这样做并拆分',',但我不喜欢语法:
注意:我特别不想将数据/属性(id、类、大小等)作为 JSON 对象传递到 template() 方法中。我想要模板中的所有内容。
node.js - 使用 AngularJS 在 node.js 中查看模板和路由
试图了解如何在 node.js express 应用程序中实现 AngularJS。设置 express 后,我需要两件事:路由和模板引擎,所以通常我需要执行以下操作来设置应用程序使用 Jade 模板引擎:
...然后我会设置路线可能是这样的:
但是如果我想用 AngularJS 做模板,我还需要 Jade 吗?我读到了如何在 AngularJS 中配置路由,这是否意味着在使用 AngularJS 时不再需要上述使用 app.get() 声明路由的方式?