ember-prismic-dom

The default blueprint for ember-cli addons.

Usage no npm install needed!

<script type="module">
  import emberPrismicDom from 'https://cdn.skypack.dev/ember-prismic-dom';
</script>

README

ember-prismic-dom

CI Latest NPM release

More idiomatic ember rendering of data from Prismic, generating HTML in templates. This allows you to avoid using of triple curlies to output Prismic content.

Compatibility

  • Ember.js v3.16 or above
  • Ember CLI v2.13 or above
  • Node.js v10 or above

Installation

ember install ember-prismic-dom

Usage

<Primcic::Dom/> replaces prismic-dom

In place of:

import Component from '@glimmer/component';
import PrismicDOM from 'prismic-dom';

export default class MyComponent extends Component {
  get html() {
    return PrismicDOM.RichText.asHtml(this.args.myPrismicDoc.data.myRichText)
  }
}

{{{this.html}}}

Use this:

<Prismic::Dom @nodes={{@myPrismicDoc.data.myRichText}} />

Additionaly you can pass an onUnknownTag action to handle recieving data of a type Prismic::Dom can't render.

<Prismic::Dom @nodes={{@myPrismicDoc.data.myRichText}} @onUnknownTag={{this.onUnknownTag}} />

import Component from '@glimmer/component';
import { action } from '@ember/object';

export default class MyComponent extends Component {
  @action
  onUnknownTag (node) {
    console.error(`Could not render ${node.type}`);
  }
}

Contributing

See the Contributing guide for details.

License

This project is licensed under the MIT License.