如何在hbs模板中突出显示代码?

时间:2016-05-28 16:48:39

标签: ember.js

我想在我的项目中引入一些代码,以便在某些页面上突出显示(例如index.hbs)我已经搜索了可以执行此操作的库并找到了highlight.js之类的工具,但我无法使用它在我的余烬项目中。任何人都可以解释如何导入像highlight.js这样的自定义库,或者有人可以给我一个工具的重新定位。我尝试过使用此工具:ember-cli-eg-code-highlight,但未指定如何使用它。好的我已经安装了它,将{{highlight-js code=file lang=language hasLineNumbers=hasLineNumbers}}粘贴到我的index.hbs中,但它不起作用。还ENV.emberHighlightJs: { style: 'arta' };我没有想到的地方。试图把它变成inember-cli-build.js但它没有用。

我也找到了markdown-code-highlighting。但是我在这一步失败了:"在你的Brocfile中,你需要为荧光笔导入你想要的CSS样式。 "那么在我的ember项目中我的brocfile到底在哪里?

1 个答案:

答案 0 :(得分:1)

您重启了ember server吗?

您可以在此处找到使用ember-cli-eg-code-highlight的示例:https://github.com/EmberGrep/ember-cli-eg-code-highlight/blob/master/tests/dummy/app/templates/application.hbs

但看起来插件有点儿。所以值得检查这个PR https://github.com/EmberGrep/ember-cli-eg-code-highlight/pull/9

P.S。关于brocfile - 现在它在项目的根目录下命名为ember-cli-build.js