Days
Hours
Minutes
Seconds
x
Skip to content

ember

Ember JS Froala Editor

Compatibility

ember & ember-cli 2.15.0+

Installation

To install Froala Editor in Ember run:

ember install ember-froala-editor
  

Configuration

Add 'ember-froala-editor':{} within your ember-cli-build.js file and adjust the available configuration options. For example:

// ember-cli-build.js
  // ... (snip)
  
    'ember-froala-editor': {
      languages: ['es','fr','de'],
      plugins  : true,
      themes   : 'royal'
    },
  
  // ... (snip)
  

Refer to the configuration documentation page for details on the exact configuration options.

Usage

For detailed usage information refer to Ember documentation page. 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. Refer to Testing on Ember documentation for more details.

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

Do you think we can improve this article? Let us know.

Ready to dive in? Explore our plans