ember-code-prettify

Ember Code Prettify !Download count all time 
======

Ember Code Prettify exposes a service to render Google Code Prettify syntax highlighting in Ember.js applications.

Installation

ember install ember-code-prettify

Configuration

With no configuration, Ember Code Prettify will use the default skin and languages. The following config imports the css & yaml languages extensions and uses the desert skin:

``js
// config/environment.js
ENV['ember-code-prettify'] = {
languages: ['css', 'yaml'],
skin: 'desert'
};
`

Usage

Ember Code Prettify exposes a service codePrettify. It can be used to paint the syntax highlighting in routes and components.

Firstly ensure your code snippet is formatted like so:

`html


  console.log('This will be painted');


`

Then get prettify to render using:

`js
get(this, 'codePrettify').prettify();
`

$3

If code snippets are added statically to a route template, simply fire Ember Code Prettify in an afterRender hook.

`javascript
import Route from '@ember/routing/route';
import { get } from '@ember/object';
import { scheduleOnce } from '@ember/runloop';
import { inject } from '@ember/service';

export default Route.extend({
codePrettify: inject(),

init() {
scheduleOnce('afterRender', this, function() {
get(this, 'codePrettify').prettify();
});
}
});
`

$3

For code snippets added to component templates, use the didRender hook. Be warned, this hook will fire on any subsequent render of the component.

`javascript
import Component from '@ember/component';
import { get } from '@ember/object';
import { inject } from '@ember/service';

export default Component.extend({
codePrettify: inject(),

didRender() {
get(this, 'codePrettify').prettify();
}
});
`

Contributing

$3

* git clone this repository
* cd ember-code-prettify
* npm install

$3

* ember serve
* Visit your app at http://localhost:4200.

$3

* npm test (Runs ember try:each to test your addon against multiple Ember versions)
* ember test
* ember test --server`