├── .eslintrc.json ├── .gitignore ├── .npmignore ├── .tfignore ├── .travis.yml ├── README.md ├── build ├── args.js ├── babel-options.js ├── paths.js └── tasks │ ├── build.js │ ├── clean.js │ ├── dev.js │ ├── doc.js │ ├── lint.js │ ├── prepare-release.js │ └── test.js ├── config.js ├── dist ├── amd │ ├── froala-editor-config.js │ ├── froala-editor.html │ ├── froala-editor.js │ └── index.js ├── commonjs │ ├── froala-editor-config.js │ ├── froala-editor.html │ ├── froala-editor.js │ └── index.js ├── es2015 │ ├── froala-editor-config.js │ ├── froala-editor.html │ ├── froala-editor.js │ └── index.js └── system │ ├── froala-editor-config.js │ ├── froala-editor.html │ ├── froala-editor.js │ └── index.js ├── gulpfile.js ├── package-lock.json ├── package.json ├── publish.sh ├── src ├── froala-editor-config.js ├── froala-editor.html ├── froala-editor.js └── index.js └── version.json /.eslintrc.json: -------------------------------------------------------------------------------- 1 | { 2 | "extends": "./node_modules/aurelia-tools/.eslintrc.json" 3 | } 4 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | jspm_packages 3 | bower_components 4 | .idea 5 | .DS_STORE 6 | build/reports 7 | -------------------------------------------------------------------------------- /.npmignore: -------------------------------------------------------------------------------- 1 | jspm_packages 2 | bower_components 3 | .idea 4 | .travis.yml 5 | publish.sh 6 | version.json -------------------------------------------------------------------------------- /.tfignore: -------------------------------------------------------------------------------- 1 | build\* 2 | dist\* 3 | jspm_packages\* 4 | node_modules\* -------------------------------------------------------------------------------- /.travis.yml: -------------------------------------------------------------------------------- 1 | git: 2 | depth: false 3 | quiet: false 4 | language: generic 5 | dist: bionic 6 | sudo: required 7 | branches: 8 | only: 9 | - /dev*/ 10 | - /AO-dev*/ 11 | - /QA*/ 12 | - /QE*/ 13 | - /RC*/ 14 | - /Release-Master*/ 15 | env: 16 | - SHORT_COMMIT= `git rev-parse --short=7 ${TRAVIS_COMMIT}` 17 | before_install: 18 | - echo $TRAVIS_BRANCH 19 | - echo $PWD 20 | - echo $TRAVIS_COMMIT 21 | - echo $BUILD_REPO_NAME 22 | - curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash - 23 | - sudo apt-get update 24 | - sudo apt-get install -y nodejs jq unzip curl wget tidy 25 | jobs: 26 | include: 27 | if: commit_message =~ /(deploy-yes)/ 28 | script: 29 | - chmod u+x publish.sh && bash publish.sh 30 | notifications: 31 | email: 32 | recipients: 33 | - harasunu.narayan@froala.com 34 | on_success: always 35 | on_failure: always -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Aurelia Froala WYSIWYG HTML Editor 2 | 3 | [![npm](https://img.shields.io/npm/v/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor) 4 | [![npm](https://img.shields.io/npm/dm/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor) 5 | [![npm](https://img.shields.io/npm/l/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor) 6 | 7 | >This package provides a custom element for the [Froala WYSIWYG HTML Editor](https://www.froala.com/wysiwyg-editor) in [Aurelia](http://aurelia.io/). 8 | 9 | ## Table of contents 10 | 11 | 1. [Installation instructions](#installation-instructions) 12 | 2. [Update editor instructions](#update-editor-instructions) 13 | 3. [Integration](#integration) 14 | 1. [With Aurelia CLI](#with-aurelia-cli) 15 | 2. [With Webpack](#with-webpack) 16 | 3. [With JSPM](#with-jspm) 17 | 4. [Usage](#usage) 18 | 5. [License](#license) 19 | 20 | #### Note 21 | >To use third-party plugins (i.e font-awesome,spell-checker,embedly and advanced image-edit) please use Aurelia with Webpack. 22 | 23 | ## Installation instructions 24 | 25 | Install `aurelia-froala-editor` from `npm` 26 | 27 | ```bash 28 | npm install aurelia-froala-editor --save 29 | ``` 30 | 31 | ## Update editor instructions 32 | 33 | ```bash 34 | npm update froala-editor 35 | ``` 36 | 37 | ## Integration 38 | 39 | ### With Aurelia CLI 40 | 41 | #### Installing aurelia-cli 42 | 43 | *Note*: you can skip this part if you already have application generated. 44 | 45 | ```bash 46 | npm install aurelia-cli -g 47 | au new my-app 48 | cd my-app 49 | ``` 50 | 51 | #### Add aurelia-froala-editor 52 | 53 | - Install the aurelia plugin 54 | 55 | ```bash 56 | npm install aurelia-froala-editor --save 57 | ``` 58 | 59 | - In your `src/main.js` or `src/main.ts` file add: 60 | 61 | 62 | ```javascript 63 | 64 | // Use the aurelia-froala-editor plugin. 65 | aurelia.use.plugin('aurelia-froala-editor'); 66 | ``` 67 | 68 | - In your `src/app.html` include CSS files and Froala Editor component inside `