kategengler / ember-froala-editor

Ember component for Froala WYSIWYG HTML Rich Text Editor.

Home Page:https://froala.com/wysiwyg-editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Ember Froala Editor Addon

Ember Observer Score Join the chat at https://gitter.im/froala/ember-froala-editor

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 1.13+ (including 2.x)

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)

Development

  • git clone this repository (fork if you plan on submitting a PR)
  • npm install
  • bower install

Running Docs Server

Running Tests

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

Releasing

Notes to self really...

  1. If bumping the froala-wysiwyg-editor version, update both bower.json and blueprints/ember-froala-editor/index.json
  2. npm version x.y.z - Updates the version in package.json and tags in git
  3. git push origin master - Pushes any changes up to Github
  4. git push origin --tags - Pushes the new version tag to Github
  5. Update the new tag on the Github Releases page
  6. npm run deploy - Deploys the docs to gh-pages using ember-cli-github-pages
  7. git checkout master - Need to switch back to master after deploying the docs..
  8. npm publish - Release the new version to the world!

For more information on using ember-cli, visit http://ember-cli.com/.

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.

About

Ember component for Froala WYSIWYG HTML Rich Text Editor.

https://froala.com/wysiwyg-editor

License:MIT License


Languages

Language:JavaScript 52.3%Language:HTML 41.8%Language:CSS 5.8%