Days
Hours
Minutes
Seconds
x

New Froala Editor v5.0.0 is here โ€“ Learn More

Skip to content
Froala Documentation

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

Sign up

Download the code by signing up for our newsletter

Sign up

Download the code by signing up for our newsletter

Note: By registering, you confirm that you agree to the processing of your personal data by Froala, Inc. - Froala as described in the Privacy Statement. Froala, Inc. - Froala is part of the Idera group and may share your information with its parent company Idera, Inc., and its affiliates. For further details on how your data is used, stored, and shared, please review our Privacy Statement.