WYSIWYG Rich Text Editor For Angular Using ProseMirror

NgxEditor WYSIWYG Rich Text Editor for Angular using ProseMirror. Based on the iconic font Ngx-Bootstrap and Font Awesome.

free angular wysiwyg editor, rich text editor angular, angular text editor free, native wysiwyg editor for angular, angular html editor stackblitz

How to make use of it:

1. Install via Package managers such as npm or yarn.

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

2. Import the ngx-editor module.

import { NgxEditorModule } from 'ngx-editor';

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

3. 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();
  }
}

4. 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>

Read More –¬†

Vue Quill Rich Text Editor Component for Vuejs
Simple Web Rich Text Editor That Can Export HTML

WYSIWYG Editor For Angular, NgxEditor 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.

Share