@kolkov/angular-editor

AngularEditor

A simple native wysiwyg editor for Angular 6+

Getting Started

Installation

Install via npm package manager

npm install @kolkov/angular-editor --save

Usage

Import angular-editor module

import { AngularEditorModule } from '@kolkov/angular-editor';

@NgModule({
  imports: [ AngularEditorModule ]
})

Import font-awesome into your application

Then in HTML

<angular-editor [placeholder]="'Enter text here...'" [(ngModel)]="htmlContent"></angular-editor>

or

<angular-editor formControlName="htmlContent" [config]="editorConfig"></angular-editor>

where

import { AngularEditorConfig } from 'angular-editor';

...

editorConfig: AngularEditorConfig = {
    editable: true,
    spellcheck: true,
    height: '25rem',
    minHeight: '5rem',
    placeholder: 'Enter text here...',
    translate: 'no'
  };

For ngModel to work, you must import FormsModule from @angular/forms, or for formControlName, you must import ReactiveFormsModule from @angular/forms

Demo

Demo is here demo

Working example at stackblitz example