ember-code-block
v2.1.0
Published
Simple, effective, and customizable code highlighting for Ember
Downloads
39
Maintainers
ivanvanderbylReadme
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-blockSelecting 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/.