Ember-cli Syntax highlighting addon for the Web using HighlightJs
![screen record of preview](https://github.com/shayanypn/ember-cli-highlighjs/raw/master/preview.png?raw=true)
Demo
Ember:
ember install ember-cli-highlightjs
NPM:
npm install ember-cli-highlightjs
Default:
{{#highlight-code}}
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}
body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
{{/highlight-code}}
Specify Theme:
{{highlight-code
theme='agate'
code='POST /task?id=1 HTTP/1.1
Host: example.org
Content-Type: application/json; charset=utf-8
Content-Length: 137
{
"status": "ok",
"extended": true,
"results": [
{"value": 0, "type": "int64"},
{"value": 1.0e+3, "type": "decimal"}
]
}'}}
Specify Code Type:
{{#highlight-code
theme='atom-one-light'
type='javascript'
}}
function $initHighlight(block, cls) {
try {
if (cls.search(/\bno\-highlight\b/) != -1)
return process(block, true, 0x0F) +
` class="${cls}"`;
} catch (e) {
/* handle exception */
}
for (var i = 0 / 2; i < classes.length; i++) {
if (checkCondition(classes[i]) === undefined)
console.log('undefined');
}
}
export $initHighlight;
{{/highlight-code}}
With Ember V3:
<HighlightCode>
@font-face {
font-family: Chunkfive; src: url('Chunkfive.otf');
}
body, .usertext {
color: #F0F0F0; background: #600;
font-family: Chunkfive, sans;
}
@import url(print.css);
<HighlightCode>
for checking all themes and code type please look at HighlighJs
If you find an issue or missing functionality, please don't hesistate to open a pull request.
git clone https://github.com/shayanypn/ember-cli-highlighjs.git
npm install
bower install
For more information on using ember-cli, visit http://www.ember-cli.com/.