https://github.com/froala/angular-froala-systemjs-demo
A quick starter to use angular-froala with system js
https://github.com/froala/angular-froala-systemjs-demo
Last synced: about 1 year ago
JSON representation
A quick starter to use angular-froala with system js
- Host: GitHub
- URL: https://github.com/froala/angular-froala-systemjs-demo
- Owner: froala
- Created: 2019-05-24T11:06:28.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-24T11:51:56.000Z (about 7 years ago)
- Last Synced: 2025-02-15T05:24:59.794Z (over 1 year ago)
- Language: TypeScript
- Size: 12.7 KB
- Stars: 2
- Watchers: 4
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Angular Froala SystemJS - Demo
A quick starter to use angular-froala-wysiwyg with SystemJS
#### Add angular-froala-wysiwyg
- install `angular-froala-wysiwyg`
```bash
npm install angular-froala-wysiwyg --save
```
- open `src/app/app.module.ts` and add
```typescript
// Import all Froala Editor plugins.
// import 'froala-editor/js/plugins.pkgd.min.js';
// Import a single Froala Editor plugin.
// import 'froala-editor/js/plugins/align.min.js';
// Import a Froala Editor language file.
// import 'froala-editor/js/languages/de.js';
// Import Angular2 plugin.
import { FroalaEditorModule, FroalaViewModule } from 'angular-froala-wysiwyg';
...
@NgModule({
...
imports: [FroalaEditorModule.forRoot(), FroalaViewModule.forRoot(), ... ],
...
})
```
- open `angular.json` file and insert a new entry into the `styles` array
```json
"styles": [
"styles.css",
"./node_modules/froala-editor/css/froala_editor.pkgd.min.css",
"./node_modules/froala-editor/css/froala_style.min.css",
]
```
- open `src/app/app.component.ts` file and add to the template
```html
Hello, Froala!
```
-
#### Run app
```bash
npm run start
```