nmcclay/ember-prism

Easy ember components for syntax highlighting a-la PrismJS

Ember-prism

This project aims to make re-usable ember components for PrismJS. This project is packaged as an EmberCLI addon.

Installation

Install the ember-cli addon in your ember-cli project:

$ ember install ember-prism

Usage

Using components

We have two main components, code-block, and code-inline. They'll take care of running Prism on your code as you transition.

You may need to use <, and > html attributes to escape <, and > characters so they aren't removed by Handlebars.

{{#code-block language='markup'}}//Can be left blank for the default
  <a href='link'>value</a>
{{/code-block}}

Configuration

You can set which theme, components, and plugins you'd like to use from Prism.

// ember-cli-build.js
var app = new EmberApp({
  'ember-prism': {
    'theme': 'twilight',
    'components': ['scss', 'javascript'], //needs to be an array, or undefined.
    'plugins': ['line-highlight']
  }
})

If you want to use the default theme, just remove the theme option completely.

Running Locally

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

Running tests

• ember test – Runs the test suite on the current Ember version
• ember test --server – Runs the test suite in "watch mode"
• ember try:each – Runs the test suite against multiple Ember versions

Running the dummy application

• ember serve
• Visit the dummy application at http://localhost:4200.

Contribution

Yes please. For more information on using ember-cli, visit https://ember-cli.com/.

License

This project is licensed under the MIT License.