ngx-editor is a simple WYSIWYG rich text editor using ProseMirror for Angular 2+ applications.

Browser Compatibility

Mostly works on all Evergreen-Browsers like

• Google Chrome
• Microsoft Edge
• Mozilla Firefox
• Opera
• Safari

Must Read: [TOAST UI] Markdown WYSIWYG Editor and GFM Standard | tui.editor

How to make use of it:

Installation

npm install ngx-editor --save
# or
yarn add ngx-editor

1. Import ngx-editor module

import { NgxEditorModule } from 'ngx-editor';

@NgModule({
  imports: [NgxEditorModule],
})
export class AppModule {}

2. Component

import { Editor } from 'ngx-editor';

export class EditorComponent implements OnInit, OnDestroy {
  editor: Editor;
  html: '';

  ngOnInit(): void {
    this.editor = new Editor();
  }

  // make sure to destory the editor
  ngOnDestroy(): void {
    this.editor.destroy();
  }
}

3. Then in HTML

<div class="NgxEditor__Wrapper">
  <ngx-editor-menu [editor]="editor"> </ngx-editor-menu>
  <ngx-editor
    [editor]="editor"
    [ngModel]="html"
    [disabled]="false"
    [placeholder]="'Type here...'"
  ></ngx-editor>
</div>

See Demo And Download

Official Website(Sibiraj-S): Click Here

This superior jQuery/javascript plugin is developed by Sibiraj-S. For extra advanced usage, please go to the official website.