From 2ab8a1f7be1263c42f8c2b72520260a255e25d99 Mon Sep 17 00:00:00 2001 From: jasgeet Date: Thu, 5 Dec 2019 12:45:19 +0530 Subject: [PATCH 1/7] Updated readme to v3 --- README.md | 51 ++++----------------------------------------------- 1 file changed, 4 insertions(+), 47 deletions(-) diff --git a/README.md b/README.md index 1fef0da..46356eb 100644 --- a/README.md +++ b/README.md @@ -17,6 +17,9 @@ 4. [Usage](#usage) 5. [License](#license) +#### Note +>To use third-party plugins (i.e font-awesome,spell-checker,embedly and advanced image-edit) please use Aurelia with Webpack. + ## Installation instructions Install `aurelia-froala-editor` from `npm` @@ -57,7 +60,6 @@ npm install aurelia-froala-editor --save ```javascript -... // Use the aurelia-froala-editor plugin. aurelia.use.plugin('aurelia-froala-editor'); @@ -72,19 +74,7 @@ aurelia.use.plugin('aurelia-froala-editor'); ``` -- In `aurelia_project/aurelia.json` file set the builder loader plugins stub to `false` - -```javascript -// Editor files. -import "froala-editor/js/froala_editor.pkgd.min"; - -... - -// Use the aurelia-froala-editor plugin. -aurelia.use.plugin('aurelia-froala-editor'); -``` - -- ​ +- If you are using bundler then in `aurelia_project/aurelia.json` file set the builder loader plugins stub to `false` ```json "loader": { @@ -121,39 +111,6 @@ aurelia.use.plugin('aurelia-froala-editor'); } ``` -- Open newly created `aurelia_project/tasks/copy-assets.js` file and make it look like this: - -```javascript -import gulp from 'gulp'; -import project from '../aurelia.json'; - -export default function copyAssets(done) { - let assets = project.paths.assets; - - assets.forEach(item => { - gulp.src(item.src) - .pipe(gulp.dest(item.dest)); - }); - - done(); -} -``` - -- Open `aurelia-project/tasks/build.js` file and modify it to look like this: - -```javascript -import copyAssets from './copy-assets'; - -let build = gulp.series( - readProjectConfiguration, - gulp.parallel( - ... - copyAssets // Add this. - ), - writeBundles -); -``` - #### Run aurelia-cli ```bash From 36a8ed077041d98e66a0bf2a7c3522349600d37f Mon Sep 17 00:00:00 2001 From: jasgeet Date: Thu, 5 Dec 2019 12:59:39 +0530 Subject: [PATCH 2/7] Updated readme to v3 added third party details --- README.md | 5 +++++ 1 file changed, 5 insertions(+) diff --git a/README.md b/README.md index 46356eb..6a66e1d 100644 --- a/README.md +++ b/README.md @@ -144,6 +144,11 @@ import { PLATFORM } from "aurelia-pal"; // Editor files. import "froala-editor/js/froala_editor.pkgd.min"; +//Import third-party plugins +// import "./../node_modules/froala-editor/js/third_party/image_tui.min"; +// import "./../node_modules/froala-editor/js/third_party/embedly.min"; +// import "./../node_modules/froala-editor/js/third_party/font_awesome.min"; +// import "./../node_modules/froala-editor/js/third_party/spell_checker.min"; ... From acf1493294acd7e51e265acf88230d56b4da03e9 Mon Sep 17 00:00:00 2001 From: sridhar441 Date: Tue, 31 Dec 2019 12:53:20 +0530 Subject: [PATCH 3/7] Changed aurelia-webpack-readme --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 6a66e1d..19c4c3b 100644 --- a/README.md +++ b/README.md @@ -171,7 +171,7 @@ aurelia.use.plugin(PLATFORM.moduleName('aurelia-froala-editor')); const { AureliaPlugin, ModuleDependenciesPlugin } = require('aurelia-webpack-plugin'); resolve: { extensions: ['.js'], - modules:[srcDir,'../node_modules/froala-editor/js','node_modules'], + modules: [srcDir, path.resolve("node_modules")], alias: { "FroalaEditor": 'froala_editor.pkgd.min.js' } From 7e40e665f307f9bcfef3105e1b3dd05f305619ab Mon Sep 17 00:00:00 2001 From: sridhar441 Date: Tue, 31 Dec 2019 12:57:32 +0530 Subject: [PATCH 4/7] changed how to add froala in app.html --- README.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/README.md b/README.md index 19c4c3b..d1094ba 100644 --- a/README.md +++ b/README.md @@ -65,7 +65,7 @@ npm install aurelia-froala-editor --save aurelia.use.plugin('aurelia-froala-editor'); ``` -- In your `src/app.html` include CSS files and Froala Editor component: +- In your `src/app.html` include CSS files and Froala Editor component inside `