ng-pell

Rich Text WYSIWYG Editor for Angular 4+ powered by the pell WYSIWYG editor

Usage

<richtextarea [(value)]="yourVar" [actions]="optional"></richtextarea>

ngModel will send and recieve HTML (as a string) to a variable. You can use the ngModel to set the inital state of the WYSIWYG, or update it externally at any time.

You may add an actions property which takes an Array of pell configuration objects like:

{
    name: "image",
    result: () => {
        const url = window.prompt("Enter the image URL");
        if (url) this.pell.exec("insertImage", url);
    }
},

Installation

The richtextarea folder contains an Angular component

1. Add the richtextarea folder to your project
2. Add the component to your app.module.ts
3. Use it in your project with <richtextarea [(value)]="yourVar"></richtextarea>

import { RichtextareaComponent } from './richtextarea/richtextarea.component';

Godspeed.