Ember JS Froala WYSIWYG Editor

Compatibility

ember & ember-cli 2.15.0+

Installation

ember install ember-froala-editor

Configuration

Take a look at the configuration documentation page for details on the exact configuration options. But basically you add 'ember-froala-editor':{} within your ember-cli-build.js file and adjust the available configuration options. Ex:

// ember-cli-build.js
// ... (snip)

  'ember-froala-editor': {
    languages: ['es','fr','de'],
    plugins  : true,
    themes   : 'royal'
  },

// ... (snip)

Usage

Take a look at the documentation Website for full usage details. But basically this addon comes with a few Ember Components and Helpers to use within your project templates.

{{froala-editor}}
{{froala-content}}

(froala-method)
(merged-hash)

Test Helper

This addon also provides a convenient test helper to interact with the editor in acceptance tests. It functions similar to the ember provided fillIn() test helper. Take a look at the Testing page on the docs Website for more details.

fillInFroalaEditor('#my-editor', '<p>Foobar</p>');