{"id":18307926,"url":"https://github.com/froala/aurelia-froala-editor","last_synced_at":"2026-02-18T14:05:29.649Z","repository":{"id":9005301,"uuid":"60510809","full_name":"froala/aurelia-froala-editor","owner":"froala","description":"Aurelia plugin for Froala WYSIWYG HTML Rich Text Editor.","archived":false,"fork":false,"pushed_at":"2026-01-15T10:51:03.000Z","size":385,"stargazers_count":28,"open_issues_count":22,"forks_count":22,"subscribers_count":7,"default_branch":"master","last_synced_at":"2026-01-15T15:51:46.932Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://froala.com/wysiwyg-editor","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/froala.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2016-06-06T08:17:56.000Z","updated_at":"2026-01-15T10:50:24.000Z","dependencies_parsed_at":"2025-01-13T16:10:42.276Z","dependency_job_id":"35336795-c3fa-41c1-8fd0-74abfab76d86","html_url":"https://github.com/froala/aurelia-froala-editor","commit_stats":{"total_commits":189,"total_committers":19,"mean_commits":9.947368421052632,"dds":0.6666666666666667,"last_synced_commit":"1e9931983d991fc80d510f6ccd8f3fcd842ebbf1"},"previous_names":[],"tags_count":93,"template":false,"template_full_name":null,"purl":"pkg:github/froala/aurelia-froala-editor","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Faurelia-froala-editor","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Faurelia-froala-editor/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Faurelia-froala-editor/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Faurelia-froala-editor/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/froala","download_url":"https://codeload.github.com/froala/aurelia-froala-editor/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/froala%2Faurelia-froala-editor/sbom","scorecard":{"id":411897,"data":{"date":"2025-08-11","repo":{"name":"github.com/froala/aurelia-froala-editor","commit":"08099f51a88ffaec35c49a28d024b8466377ba14"},"scorecard":{"version":"v5.2.1-40-gf6ed084d","commit":"f6ed084d17c9236477efd66e5b258b9d4cc7b389"},"score":1.2,"checks":[{"name":"Dangerous-Workflow","score":-1,"reason":"no workflows found","details":null,"documentation":{"short":"Determines if the project's GitHub Action workflows avoid dangerous patterns.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#dangerous-workflow"}},{"name":"Maintained","score":0,"reason":"1 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project is \"actively maintained\".","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#maintained"}},{"name":"Token-Permissions","score":-1,"reason":"No tokens found","details":null,"documentation":{"short":"Determines if the project's workflows follow the principle of least privilege.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#token-permissions"}},{"name":"Pinned-Dependencies","score":0,"reason":"dependency not pinned by hash detected -- score normalized to 0","details":["Warn: npmCommand not pinned by hash: publish.sh:6","Info:   0 out of   1 npmCommand dependencies pinned"],"documentation":{"short":"Determines if the project has declared and pinned the dependencies of its build process.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#pinned-dependencies"}},{"name":"Packaging","score":-1,"reason":"packaging workflow not detected","details":["Warn: no GitHub/GitLab publishing workflow detected."],"documentation":{"short":"Determines if the project is published as a package that others can easily download, install, easily update, and uninstall.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#packaging"}},{"name":"Code-Review","score":0,"reason":"Found 1/30 approved changesets -- score normalized to 0","details":null,"documentation":{"short":"Determines if the project requires human code review before pull requests (aka merge requests) are merged.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#code-review"}},{"name":"Binary-Artifacts","score":10,"reason":"no binaries found in the repo","details":null,"documentation":{"short":"Determines if the project has generated executable (binary) artifacts in the source repository.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#binary-artifacts"}},{"name":"CII-Best-Practices","score":0,"reason":"no effort to earn an OpenSSF best practices badge detected","details":null,"documentation":{"short":"Determines if the project has an OpenSSF (formerly CII) Best Practices Badge.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#cii-best-practices"}},{"name":"License","score":0,"reason":"license file not detected","details":["Warn: project does not have a license file"],"documentation":{"short":"Determines if the project has defined a license.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#license"}},{"name":"Fuzzing","score":0,"reason":"project is not fuzzed","details":["Warn: no fuzzer integrations found"],"documentation":{"short":"Determines if the project uses fuzzing.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#fuzzing"}},{"name":"Signed-Releases","score":-1,"reason":"no releases found","details":null,"documentation":{"short":"Determines if the project cryptographically signs release artifacts.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#signed-releases"}},{"name":"Branch-Protection","score":0,"reason":"branch protection not enabled on development/release branches","details":["Warn: branch protection not enabled for branch 'master'"],"documentation":{"short":"Determines if the default and release branches are protected with GitHub's branch protection settings.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#branch-protection"}},{"name":"Security-Policy","score":0,"reason":"security policy file not detected","details":["Warn: no security policy file detected","Warn: no security file to analyze","Warn: no security file to analyze","Warn: no security file to analyze"],"documentation":{"short":"Determines if the project has published a security policy.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#security-policy"}},{"name":"SAST","score":0,"reason":"SAST tool is not run on all commits -- score normalized to 0","details":["Warn: 0 commits out of 1 are checked with a SAST tool"],"documentation":{"short":"Determines if the project uses static code analysis.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#sast"}},{"name":"Vulnerabilities","score":0,"reason":"102 existing vulnerabilities detected","details":["Warn: Project is vulnerable to: GHSA-v88g-cgmw-v5xw","Warn: Project is vulnerable to: GHSA-93q8-gq69-wqmw","Warn: Project is vulnerable to: GHSA-fwr7-v2mv-hh25","Warn: Project is vulnerable to: GHSA-m6j2-v3gq-45r5","Warn: Project is vulnerable to: GHSA-3c9c-2p65-qvwv","Warn: Project is vulnerable to: GHSA-67hx-6x53-jw92","Warn: Project is vulnerable to: GHSA-qwcr-r2fm-qrc7","Warn: Project is vulnerable to: GHSA-v6h2-p8h4-qcjw","Warn: Project is vulnerable to: GHSA-cwfw-4gq5-mrqx","Warn: Project is vulnerable to: GHSA-g95f-p29q-9xw4","Warn: Project is vulnerable to: GHSA-grv7-fg5c-xmjg","Warn: Project is vulnerable to: GHSA-3fw8-66wf-pr7m","Warn: Project is vulnerable to: GHSA-6w62-83g6-rfhj","Warn: Project is vulnerable to: GHSA-rch9-xh7r-mqgw","Warn: Project is vulnerable to: GHSA-pxg6-pf52-xh8x","Warn: Project is vulnerable to: GHSA-92vm-wfm5-mxvv","Warn: Project is vulnerable to: GHSA-3xgq-45jj-v275","Warn: Project is vulnerable to: GHSA-gxpj-cx7g-858c","Warn: Project is vulnerable to: GHSA-w573-4hg7-7wgq","Warn: Project is vulnerable to: GHSA-ff7x-qrg7-qggm","Warn: Project is vulnerable to: GHSA-j4f2-536g-r55m","Warn: Project is vulnerable to: GHSA-r7qp-cfhv-p84w","Warn: Project is vulnerable to: GHSA-4gmj-3p3h-gm8h","Warn: Project is vulnerable to: GHSA-gpvr-g6gh-9mc2","Warn: Project is vulnerable to: GHSA-cm5g-3pgc-8rg4","Warn: Project is vulnerable to: GHSA-rv95-896h-c2vc","Warn: Project is vulnerable to: GHSA-qw6h-vgh9-j6wx","Warn: Project is vulnerable to: GHSA-74fj-2j2h-c42q","Warn: Project is vulnerable to: GHSA-pw2r-vq6v-hr8c","Warn: Project is vulnerable to: GHSA-jchw-25xp-jwwc","Warn: Project is vulnerable to: GHSA-cxjh-pqwp-8mfp","Warn: Project is vulnerable to: GHSA-fjxv-7rqg-78g4","Warn: Project is vulnerable to: GHSA-9qj9-36jm-prpv","Warn: Project is vulnerable to: GHSA-97x5-cc53-cv4v","Warn: Project is vulnerable to: GHSA-549p-5c7f-c5p4","Warn: Project is vulnerable to: GHSA-cq6w-w5rj-p9x8","Warn: Project is vulnerable to: GHSA-765h-qjxv-5f44","Warn: Project is vulnerable to: GHSA-f2jv-r9rf-7988","Warn: Project is vulnerable to: GHSA-jcpv-g9rr-qxrc","Warn: Project is vulnerable to: GHSA-44pw-h2cw-w3vq","Warn: Project is vulnerable to: GHSA-jp4x-w63m-7wgm","Warn: Project is vulnerable to: GHSA-c429-5p7v-vgjp","Warn: Project is vulnerable to: GHSA-43f8-2h32-f4cj","Warn: Project is vulnerable to: GHSA-q257-vv4p-fg92","Warn: Project is vulnerable to: GHSA-qqgx-2p2h-9c37","Warn: Project is vulnerable to: GHSA-9c47-m6qq-7p4h","Warn: Project is vulnerable to: GHSA-282f-qqgm-c34q","Warn: Project is vulnerable to: GHSA-7x7c-qm48-pq9c","Warn: Project is vulnerable to: GHSA-rc3x-jf5g-xvc5","Warn: Project is vulnerable to: GHSA-jf85-cpcp-j695","Warn: Project is vulnerable to: GHSA-fvqr-27wr-82fm","Warn: Project is vulnerable to: GHSA-4xc9-xhrj-v574","Warn: Project is vulnerable to: GHSA-x5rq-j2xg-h7qm","Warn: Project is vulnerable to: GHSA-29mw-wpgm-hmr9","Warn: Project is vulnerable to: GHSA-35jh-r3h4-6jhm","Warn: Project is vulnerable to: GHSA-82v2-mx6x-wq7q","Warn: Project is vulnerable to: GHSA-9cw2-jqp5-7x39","Warn: Project is vulnerable to: GHSA-cfjh-p3g4-3q2f","Warn: Project is vulnerable to: GHSA-hjcp-j389-59ff","Warn: Project is vulnerable to: GHSA-vfvf-mqq8-rwqc","Warn: Project is vulnerable to: GHSA-7px7-7xjx-hxm8","Warn: Project is vulnerable to: GHSA-x5pg-88wf-qq4p","Warn: Project is vulnerable to: GHSA-p9wx-2529-fp83","Warn: Project is vulnerable to: GHSA-5v2h-r2cx-5xgj","Warn: Project is vulnerable to: GHSA-rrrm-qjm4-v8hf","Warn: Project is vulnerable to: GHSA-952p-6rrq-rcjv","Warn: Project is vulnerable to: GHSA-wrvr-8mpx-r7pp","Warn: Project is vulnerable to: GHSA-hxm2-r34f-qmc5","Warn: Project is vulnerable to: GHSA-f8q6-p94x-37v3","Warn: Project is vulnerable to: GHSA-vh95-rmgr-6w4m","Warn: Project is vulnerable to: GHSA-xvch-5gv4-984h","Warn: Project is vulnerable to: GHSA-6fx8-h7jm-663j","Warn: Project is vulnerable to: GHSA-hj48-42vr-x3v9","Warn: Project is vulnerable to: GHSA-f9cm-p3w6-xvr3","Warn: Project is vulnerable to: GHSA-jjv7-qpx3-h62q","Warn: Project is vulnerable to: GHSA-gqgv-6jq5-jjj9","Warn: Project is vulnerable to: GHSA-hrpp-h998-j3pp","Warn: Project is vulnerable to: GHSA-7xfp-9c55-5vqj","Warn: Project is vulnerable to: GHSA-p8p7-x288-28g6","Warn: Project is vulnerable to: GHSA-c2qf-rxjj-qqgw","Warn: Project is vulnerable to: GHSA-xwg4-93c6-3h42","Warn: Project is vulnerable to: GHSA-jgqf-hwc5-hh37","Warn: Project is vulnerable to: GHSA-m6fv-jmcg-4jfg","Warn: Project is vulnerable to: GHSA-4rq4-32rv-6wp6","Warn: Project is vulnerable to: GHSA-64g7-mvw6-v9qj","Warn: Project is vulnerable to: GHSA-fxwf-4rqh-v8g3","Warn: Project is vulnerable to: GHSA-25hc-qcg6-38wj","Warn: Project is vulnerable to: GHSA-xfhh-g9f5-x4m4","Warn: Project is vulnerable to: GHSA-qm95-pgcg-qqfq","Warn: Project is vulnerable to: GHSA-cqmj-92xf-r6r9","Warn: Project is vulnerable to: GHSA-52f5-9888-hmc6","Warn: Project is vulnerable to: GHSA-7p7h-4mm5-852v","Warn: Project is vulnerable to: GHSA-38fc-wpqx-33j7","Warn: Project is vulnerable to: GHSA-xc7v-wxcw-j472","Warn: Project is vulnerable to: GHSA-cf4h-3jhx-xvhq","Warn: Project is vulnerable to: GHSA-mgfv-m47x-4wqp","Warn: Project is vulnerable to: GHSA-j8xg-fqg3-53r7","Warn: Project is vulnerable to: GHSA-3h5v-q93c-6h6q","Warn: Project is vulnerable to: GHSA-72mh-269x-7mh5","Warn: Project is vulnerable to: GHSA-h4j5-c7cj-74xg","Warn: Project is vulnerable to: GHSA-c4w7-xm78-47vh","Warn: Project is vulnerable to: GHSA-p9pc-299p-vxgp"],"documentation":{"short":"Determines if the project has open, known unfixed vulnerabilities.","url":"https://github.com/ossf/scorecard/blob/f6ed084d17c9236477efd66e5b258b9d4cc7b389/docs/checks.md#vulnerabilities"}}]},"last_synced_at":"2025-08-18T22:56:14.066Z","repository_id":9005301,"created_at":"2025-08-18T22:56:14.066Z","updated_at":"2025-08-18T22:56:14.066Z"},"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":29581565,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-02-18T13:56:48.962Z","status":"ssl_error","status_checked_at":"2026-02-18T13:54:34.145Z","response_time":162,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.5:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":[],"created_at":"2024-11-05T16:05:55.625Z","updated_at":"2026-02-18T14:05:29.635Z","avatar_url":"https://github.com/froala.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Aurelia Froala WYSIWYG HTML Editor\n\n[![npm](https://img.shields.io/npm/v/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor)\n[![npm](https://img.shields.io/npm/dm/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor)\n[![npm](https://img.shields.io/npm/l/aurelia-froala-editor.svg)](https://www.npmjs.com/package/aurelia-froala-editor)\n\n\u003eThis package provides a custom element for the [Froala WYSIWYG HTML Editor](https://www.froala.com/wysiwyg-editor) in [Aurelia](http://aurelia.io/).\n\n## Table of contents\n\n1. [Installation instructions](#installation-instructions)\n2. [Update editor instructions](#update-editor-instructions)\n3. [Integration](#integration)\n   1. [With Aurelia CLI](#with-aurelia-cli)\n   2. [With Webpack](#with-webpack)\n   3. [With JSPM](#with-jspm)\n4. [Usage](#usage)\n5. [License](#license)\n\n#### Note\n\u003eTo use third-party plugins (i.e font-awesome,spell-checker,embedly and advanced image-edit) please use Aurelia with Webpack.\n\n## Installation instructions\n\nInstall `aurelia-froala-editor` from `npm`\n\n```bash\nnpm install aurelia-froala-editor --save\n```\n\n## Update editor instructions\n\n```bash\nnpm update froala-editor\n```\n\n## Integration\n\n### With Aurelia CLI\n\n#### Installing aurelia-cli\n\n*Note*: you can skip this part if you already have application generated.\n\n```bash\nnpm install aurelia-cli -g\nau new my-app\ncd my-app\n```\n\n#### Add aurelia-froala-editor\n\n- Install the aurelia plugin\n\n```bash\nnpm install aurelia-froala-editor --save\n```\n\n- In your `src/main.js` or `src/main.ts` file add:\n\n\n```javascript\n\n// Use the aurelia-froala-editor plugin.\naurelia.use.plugin('aurelia-froala-editor');\n```\n\n- In your `src/app.html` include CSS files and Froala Editor component inside `\u003ctemplate\u003e` tag :\n\n```html\n\u003crequire from=\"froala-editor/css/froala_editor.pkgd.min.css\"\u003e\u003c/require\u003e\n\u003crequire from=\"froala-editor/css/froala_style.min.css\"\u003e\u003c/require\u003e\n\n\u003cfroala-editor\u003e\u003c/froala-editor\u003e\n```\n\n- If you are using bundler then in `aurelia_project/aurelia.json` file set the builder loader plugins stub to `false`\n\n```json\n\"loader\": {\n  \"type\": \"require\",\n  \"configTarget\": \"vendor-bundle.js\",\n  \"includeBundleMetadataInConfig\": \"auto\",\n  \"plugins\": [\n    {\n      \"name\": \"text\",\n      \"extensions\": [\n        \".html\",\n        \".css\"\n      ],\n      \"stub\": false\n    }\n  ]\n}\n```\n\n- In `aurelia_project/aurelia.json` add to `vendor_bundle`\n\n```javascript\n{\n  \"name\": \"aurelia-froala-editor\",\n  \"path\": \"../node_modules/aurelia-froala-editor/dist/amd\",\n  \"main\": \"index\",\n  \"resources\": [\n    \"froala-editor.js\",\n    \"froala-editor.html\"\n  ],\n  \"deps\": [\n    \"froala-editor\"\n  ]\n}\n```\n\n#### Run aurelia-cli\n\n```bash\nau run --watch\n```\n\n\n\n### With Webpack\n\nTo configure your project with Webpack, follow the resources from Aurelia Docs: \nhttps://aurelia.io/docs/build-systems/webpack/.\n\n```bash\ngit clone git@github.com:aurelia/skeleton-navigation.git\ncd skeleton-navigation/skeleton-esnext-webpack\nnpm install\n```\n\n#### Add aurelia-froala-editor\n\n- Install the aurelia plugin\n\n```bash\nnpm install aurelia-froala-editor --save\n```\n\n- In your `src/main.js` or `src/main.ts` file add:\n\n```javascript\nimport { PLATFORM } from \"aurelia-pal\";\n\n// Editor files.\nimport \"froala-editor/js/froala_editor.pkgd.min\";\n//Import third-party plugins\n// import \"./../node_modules/froala-editor/js/third_party/image_tui.min\";\n// import \"./../node_modules/froala-editor/js/third_party/embedly.min\";\n// import \"./../node_modules/froala-editor/js/third_party/font_awesome.min\";\n// import \"./../node_modules/froala-editor/js/third_party/spell_checker.min\";\n\n...\n\n// Use the aurelia-froala-editor plugin.\naurelia.use.plugin(PLATFORM.moduleName('aurelia-froala-editor'));\n```\n\n- In your `src/app.html` include CSS files and Froala Editor component  inside `\u003ctemplate\u003e` tag :\n\n```html\n\u003crequire from=\"froala-editor/css/froala_editor.pkgd.min.css\"\u003e\u003c/require\u003e\n\u003crequire from=\"froala-editor/css/froala_style.min.css\"\u003e\u003c/require\u003e\n\n\u003cfroala-editor\u003e\u003c/froala-editor\u003e\n```\n\n- In `webpack.config.js` file include the Aurelia Froala Editor plugin:\n\n```js\nconst { AureliaPlugin, ModuleDependenciesPlugin } = require('aurelia-webpack-plugin');\n  resolve: {\n    extensions: ['.js'],\n    modules: [srcDir, path.resolve(\"node_modules\")],\n     alias: {\n       \"FroalaEditor\": 'froala_editor.pkgd.min.js'\n     }\n  },\nplugins: [\n  new AureliaPlugin(),\n   new ProvidePlugin({\n      FroalaEditor: 'froala_editor.pkgd.min.js',\n      'Promise': 'bluebird',\n      Popper: ['popper.js', 'default'] // Bootstrap 4 Dependency.\n    }),\n  new ModuleDependenciesPlugin({\n    \"aurelia-froala-editor\": [ './froala-editor' ],\n    \"parent-module\": [ \"child-module\" ],\n  }),\n]\n```\n\n#### Run application\n\n```bash\nnpm run start\n```\n\n\n\n### With JSPM\n\n#### Installing aurelia-cli\n\nTo configure your project with JSPM, follow the resources from Aurelia Docs: \nhttps://aurelia.io/docs/build-systems/jspm.\n\n\n\n```bash\ngit clone git@github.com:aurelia/skeleton-navigation.git\ncd skeleton-navigation/skeleton-esnext\nnpm install\njspm install -y\n```\n\n####\n\n#### Add aurelia-froala-editor\n\n- Install the aurelia plugin\n\n```bash\njspm install aurelia-froala-editor\njspm install npm:froala-editor -o \"{format: 'global'}\"\n```\n\n- In your `src/main.js` or `src/main.ts` file add:\n\n```javascript\n\n// Use the aurelia-froala-editor plugin.\naurelia.use.plugin('aurelia-froala-editor');\n```\n\n- In your `src/app.html` include CSS files and Froala Editor component  inside `\u003ctemplate\u003e` tag :\n\n```html\n\u003crequire from=\"froala-editor/css/froala_editor.pkgd.min.css\"\u003e\u003c/require\u003e\n\u003crequire from=\"froala-editor/css/froala_style.min.css\"\u003e\u003c/require\u003e\n\n\u003cfroala-editor\u003e\u003c/froala-editor\u003e\n```\n\n- In `build/bundles.js` add `aurelia-froala-editor` to `dist/aurelia` bundles:\n\n```javascript\nmodule.exports = {\n  \"bundles\": {\n    ...\n    \"dist/aurelia\": {\n      \"includes\": [\n        ...\n        \"aurelia-froala-editor\",\n        ...\n      ],\n      \"options\": {\n        \"inject\": true,\n        \"minify\": true,\n        \"depCache\": false,\n        \"rev\": false\n      }\n    }\n  }\n}\n```\n\n#### Run application\n\n```bash\ngulp watch\n```\n\n\n\n## Usage\n\n#### Component\n\nIn an Aurelia template, just use the aurelia-froala custom element to instantiate an editor.\n\n```html\n\u003cfroala-editor\u003e\u003c/froala-editor\u003e\n```\n\n#### Options\nAll [configuration options](https://www.froala.com/wysiwyg-editor/docs/options) can be set via the config attribute.\n\n```html\n\u003cfroala-editor\n\tvalue.two-way=\"value\"\n\tconfig.bind=\"{\n\t\ttoolbarButtons: ['redo' , '|', 'fontFamily', '|', 'fontSize', '|', 'paragraphFormat', 'color', '|', 'bold', 'italic', 'underline', 'strikethrough', 'subscript', 'superscript', 'outdent', 'indent', 'clearFormatting', 'insertTable', 'html'],\n\t\ttoolbarButtonsMD: ['redo' , '|', 'fontFamily', '|', 'fontSize', '|', 'paragraphFormat', 'color'],\n\t\ttoolbarButtonsSM: ['redo' , '|', 'fontFamily', '|', 'fontSize', '|', 'paragraphFormat', 'color'],\n\t\ttoolbarButtonsXS: ['redo' , '|', 'fontFamily', '|', 'fontSize', '|', 'paragraphFormat', 'color'],\n\t\tfontFamilySelection: true,\n\t\tfontSizeSelection: true\n\t}\"\u003e\u003c/froala-editor\u003e\n```\n\nA custom config can also be passed when the plugin is loaded in `src/main.js` or `src/main.ts`file:\n\n```javascript\n// Use the aurelia-froala-editor plugin.\naurelia.use.plugin('aurelia-froala-editor', config =\u003e {\n  config.options({\n    toolbarInline: true\n  })\n});\n```\n\n#### Events\nOne can bind events to editor as  given below.\n\n\u003eAll the [event handlers](https://www.froala.com/wysiwyg-editor/docs/events) are also available.\n\n```html\n\u003cfroala-editor\n\tconfig.bind=\"tempCOnfig\"\u003e\u003c/froala-editor\u003e\n```\n```js\n events: {\n      'focus': function () {\n        console.log('Focus');\n      }\n   }\n```\n\n## License\n\nThe `aurelia-froala-editor` project is under the Apache licence. However, to use the Froala WYSIWYG HTML Editor you should purchase a license for it. Froala has [3 different licenses](https://www.froala.com/wysiwyg-editor/pricing) for commercial use. For details please see [License Agreement](https://www.froala.com/wysiwyg-editor/terms).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Faurelia-froala-editor","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Ffroala%2Faurelia-froala-editor","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Ffroala%2Faurelia-froala-editor/lists"}