ember-cli-highlightjs

Ember-cli Syntax highlighting addon for the Web using HighlightJs

Demo

Installation

ember install ember-cli-highlightjs

Usage

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}}

for checking all themes and code type please look at HighlighJs

Contributing

If you find an issue or missing functionality, please don't hesistate to open a pull request.

Installation

• git clone this repository
• npm install
• bower install

Running

• ember server
• Visit your app at http://localhost:4200.

Running Tests

• npm test

Building

• ember build

For more information on using ember-cli, visit http://www.ember-cli.com/.