ember-code-block
Simple, effective, and customizable code highlighting for Ember using highlight.js
Usage
let code = `<html> <body> <ul></ul> </body></html>`{{code-block code language="html"}}Installation
ember install ember-code-block
Selecting Languages
Highlight.js comes with over 160 language packs, but in practice you'll probably only want to use a handfull. By default this addon won't include any languages in the build to keep it small, instead you must register a language by configuring this addon in your app's environment:
ENV'ember-code-block' = languages: 'json' 'handlebars' 'javascript'You will probably want to also configure the style (a.k.a theme):
ENV'ember-code-block' = style: 'tomorrow-night-eighties'Due to the way the CSS works, you can only load one theme at a time, so you need
to configure this on load. This is a limitation of highlight.js.
Running
ember serve- Visit your app at http://localhost:4200.
Running Tests
npm test(Runsember try:testallto test your addon against multiple Ember versions)ember testember test --server
Building
ember build
For more information on using ember-cli, visit http://ember-cli.com/.