ember-froala-editor

Ember Froala Editor Addon

Bring the Froala WYSIWYG Editor into an ember-cli project with this addon. Besides importing the required Froala Editor files, the main part of this addon is the {{froala-editor}} component. Checkout the documentation Website for installation, configuration, and usage details.

Compatibility

ember and ember-cli 2.4.2+

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': {
    plugins  : true,
    languages: ['es','fr','de'],
    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>');

Development

• git clone this repository (fork if you plan on submitting a PR)
• cd ember-froala-editor
• npm install
• bower install

Running Docs Server

• ember server
• Visit the docs at http://localhost:4200

Running Tests

• npm test (Runs ember try:each to test against multiple Ember versions)
• ember test
• ember test --server
• ember server (Visit tests at http://localhost:4200/tests)

License

The ember-froala-editor project is under MIT license. However, in order to use Froala WYSIWYG HTML Editor plugin you should purchase a license for it.

Froala Editor has 3 different licenses for commercial use. For details please see License Agreement.