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.