草庐IT

language-handlebars

全部标签

javascript - 使用 Gulp 基于 Handlebars 模板编译 partials 和 markdown

我这里有一个名为tpage.hbs的Handlebars模板:Title{{>head}}{{>home-header}}{{{mdcontents}}}head和home-header是局部的。我有一个Markdown文件文件夹,我想根据这个模板制作HTML页面,在模板中mdcontents的位置添加.md文件。我有以下Gulpfile:vargulp=require('gulp');varhandlebars=require('gulp-compile-handlebars');varHB=require('Handlebars');//IknowIdon'tneedtwoHand

javascript - 如果 "this"为空字符串,则 Handlebars 中的 {{#each this}} 不起作用

考虑我的json是这样的:{main:{"":[{some_obj},{some_obj}]},secondary:{"key":[{some_obj},{some_obj}]}}现在我的第一个#each将运行在主要和次要的地方。{{#eachthis}}--Thisisformainandsecondary--{{#eachthis}}--Thisisfor""incaseofmainand"key"incaseofsecondary--{{/each}}{{/each}}如果“this”为空,如我的“main”属性的json中所示,我的嵌套#each将不起作用

javascript - 使用 Handlebar.js

我实际上是想找一些关于Handlebar.js的教程,我发现了这个http://javascriptplayground.com/blog/2012/05/javascript-templating-handlebars-tutorial但它实际上并没有按预期工作。我正在做的是我有一个index.html文件,MessingwithHandlebars{{name}}on{{date}}{{comment}}和包含代码的app.js。varsource=$("#ajax-comment").html();vartemplate=Handlebars.compile(source);va

javascript - 如果使用 grunt-contrib-imagemin 优化图像,如何处理 Handlebars 模板中的图像

我用yeoman和generator-ember创建了一个ember应用程序。yoember我已将Handlebars模板放在app/templates中,将图像放在app/images中。如果我跑gruntserver一切看起来都很好。如果我跑gruntserver:dist一切看起来都很好,而不是我在Handlebars模板中处理的图像。似乎imagemin任务或其他任务将图像从images/map.jpg重命名为images/667de70e.map.jpg。我的index.html文件中的img标签已更正。但是我的Handlebars文件中的img标签,如templates/m

javascript - EmberJS - 注册预编译的 Handlebars 模板

对于我的EmberJS应用程序,我预编译了我所有的handlebars模板,因此它们作为直接的Javascript文件加载。问题是这些预编译模板没有像我想象的那样进入Ember容器-当我为我的View指定模板时,我收到以下错误。UncaughtError:assertionfailed:YouspecifiedthetemplateName"application"for,butitdidnotexist.这是我的View代码。window.MyApp.ApplicationView=Ember.View.extend({templateName:'application'});我单步

javascript - 避免将 lib 依赖项与 webpack + handlebars loader 捆绑在一起

我正在使用handlebars模板编写一个库,我想使用Webpack来捆绑它。我正在使用handlebars-loader这样我就可以要求并预编译模板。但是我不希望Handlebars(或Handlebars/运行时)包含在我编译的库中,因此,我想将它们设置为外部。这是我的配置文件:module.exports={context:__dirname+'/src',entry:'./index.js',output:{path:__dirname+'/dist',filename:'stuff.js',libraryTarget:'umd',library:'Stuff'},extern

javascript - 将 Handlebars 与 D3.js 结合使用

我有一个Handlebar模板,我想将d3生成的svg图形包含到该模板中。图形应该在模板内D3图vardataset=[1200,3000,3200];//datasetwillchangedynamically.varw=154;varh=42;varrect_1_h=5;varrect_2_h=rect_1_h*2;varrect_2_w=rect_1_h/2;varrect_1_color="#A1C9D9";varrect_2_color="#999999";vartext_color="#555555";varfont_size=18;varfont_family="Sego

javascript - Heroku: Node 应用程序抛出 "No default language could be detected for this app"错误

我正在学习NodeJS,我正在学习的类(class)有几个项目,按部分排列。我将所有项目都放在一个主文件夹下,这也是一个gitrepository.主文件夹中的每个子文件夹本身就是一个Node项目,包含package.json和node_modules中的相关依赖项。问题是当我试图将一个这样的文件夹(todo-api)中的Node应用程序推送到heroku时,我收到以下错误-remote:Compressingsourcefiles...done.remote:Buildingsource:remote:remote:!Nodefaultlanguagecouldbedetectedf

programming-languages - 如何使用javascript在浏览器html输出中漂亮地打印常用语言的源代码?

如何用javascript在浏览器html输出中漂亮地打印常用语言的源代码?我的意思是有一些缩进和代码格式。目前我只有http://alexgorbatchev.com/SyntaxHighlighter/为语法着色。但我也想要一些缩进和其他格式。例子:用户输入一些代码。系统格式化并在浏览器View中突出显示代码。所以->是否有用于格式化代码的通用代码格式化程序?最好的javascript我很感激任何帮助。 最佳答案 可能SyntaxHighlighter是最受欢迎的。但是你有选择,看看16FreeJavascriptCodeSyn

javascript - ember-cli 支持每个助手中的 Handlebars @vars(即,@index、@key、@first、@last)

每当我有一个在每个助手内部使用@vars变量(即@index、@key、@first、@last)的Handelbars模板时,我都会在ember-cli中遇到编译错误。(请参阅http://handlebarsjs.com/#iteration以获取有关each帮助程序中这些@vars变量的文档。)下面是一个使用ember-cli构建的简单应用程序,仅包含添加到程序中的两个文件:routes/application.js和templates/application.hbs。这篇文章的底部是ember-cli给出的编译错误信息的截图。我的代码有错误吗?或者这是我应该在github@ht