ngx-editor-imageupload
Version:
WYSIWYG Editor for Angular Applications
87 lines (62 loc) • 2.58 kB
Markdown
<p align="center">
<a href="https://github.com/sibiraj-s/ngx-editor">
<img src="https://raw.githubusercontent.com/sibiraj-s/ngx-editor/master/src/assets/icons/ngx-editor.png" alt="ngxEditor">
</a>
</p>
<p align="center">A Simple WYSIWYG Editor for Angular 6 Applications.</p>
<p align="center">
<a href="https://travis-ci.org/sibiraj-s/ngx-editor">
<img alt="Build Status" src="https://travis-ci.org/sibiraj-s/ngx-editor.svg?branch=master">
</a>
<a href="https://www.npmjs.com/package/ngx-editor">
<img alt="npm version" src="https://img.shields.io/npm/v/ngx-editor.svg">
</a>
<a href="https://www.npmjs.com/package/ngx-editor">
<img alt="npm" src="https://img.shields.io/npm/dm/ngx-editor.svg">
</a>
<a href="https://github.com/sibiraj-s/ngx-editor/blob/master/LICENSE">
<img alt="licence" src="https://img.shields.io/npm/l/ngx-editor.svg">
</a>
</p>
Install via Package managers such as [npm][npm] or [yarn][yarn]
```bash
npm install ngx-editor --save
yarn add ngx-editor
```
Import `ngx-editor` module
```typescript
import { NgxEditorModule } from 'ngx-editor';
@NgModule({
imports: [ NgxEditorModule ]
})
```
Import [font-awesome](https://github.com/FortAwesome/Font-Awesome) into your application
This is a modified version of ngx-editor with image upload feature
```html
<app-ngx-editor (uploadImage)="myCustomFunction($event)" [uploadedImagePath]="uploadedImagePath" [placeholder]="'Enter text here...'" [spellcheck]="true" [(ngModel)]="htmlContent"></app-ngx-editor>
```
For `ngModel` to work, You must import `FormsModule` from `@angular/forms`
`ngx-editor` depeneds on the following libraries to work.
* [Font-Awesome v4.7.0](https://github.com/FortAwesome/Font-Awesome/tree/fa-4)
* [Ngx-Bootstrap](https://github.com/valor-software/ngx-bootstrap)
All Evergreen-Browsers are supported
* Google Chrome
* Microsoft Edge
* Mozilla Firefox
* Opera
Demo at stackblitz [ngx-editor](https://ngx-editor.stackblitz.io/)
Documentation is auto-generated using [compodoc][compodoc], and can be viewed here: [https://sibiraj-s.github.io/ngx-editor/](https://sibiraj-s.github.io/ngx-editor/)
[]: https://www.npmjs.com/
[]: https://yarnpkg.com/lang/en/
[]: https://sibiraj-s.github.io/
[]:https://github.com/sibiraj-s/ngx-editor/wiki/ngxEditor
[]: https://compodoc.github.io/website/