August 11, 2022

Rich Text Editor for Angular using ProseMirror | ngx-editor

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

free angular wysiwyg editor, wysiwyg editor angular npm, best wysiwyg editor for angular, rich text editor angular, angular editor customize toolbar

Browser Compatibility

Mostly works on all Evergreen-Browsers like

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

How to make use of it:


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

1. Import ngx-editor module

import { NgxEditorModule } from 'ngx-editor';

  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 {

3. Then in HTML

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

wysiwyg editor for angular, ngx-editor Plugin/Github

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.


You may also like...

Leave a Reply

Your email address will not be published.