Top 15 Best Open Source Angular Rich Text Editors | by Frontendin

Angular Rich Text Editors is a module for the AngularJS framework that provides a rich text editor.

Itโ€™s an implementation of the WYSIWYG (what you see is what you get) editor, where you can write your content in rich format and see it rendered on the browser.

Here is a list of popular Open Source Angular Rich Text Editors :

1. AngularEditor

A simple native WYSIWYG editor component for Angular 6 -14+

https://github.com/kolkov/angular-editor

GITHUB


2. ckeditor4-angular

https://github.com/ckeditor/ckeditor4-angular

Officialย CKEditor 4ย WYSIWYG editor component for Angular.

GITHUB


3. jodit-angular

This package is a wrapper aroundย Joditย to make it easier to use in a Angular application.

https://github.com/jodit/jodit-angular

GITHUB


4. ngx-quill

Angular (>=2) components for the Quill Rich Text Editor

https://github.com/KillerCodeMonkey/ngx-quill

GITHUB


5. TextAngular

https://github.com/textAngular/textAngular

GITHUB


6. tinymce-angular

This package is a thin wrapper aroundย TinyMCEย to make it easier to use in an Angular application.

https://github.com/tinymce/tinymce-angular

GITHUB


7. ngx-wig

Angular(also Angular 12) WYSIWYG HTML Rich Text Editor

https://github.com/stevermeister/ngx-wig

GITHUB


8. sibiraj-s/ngx-editor

fountain_penย Rich Text Editor for angular using ProseMirror

https://github.com/sibiraj-s/ngx-editor

GITHUB


9. taiga-ui

Taiga UIย is fully-treeshakable Angular UI Kit consisting of multiple base libraries and several add-ons.

Why Taiga UI

jigsawย Modular and fully-treeshakable.ย 

mageย Agnostic.

butterflyย Customizable.

hammer_and_wrenchย Well engineered.

Read more about Taiga UI main features inย this articleย on inDepth

https://github.com/tinkoff/taiga-ui

GITHUB


10. ej2-angular-ui-components

Syncfusion Angular UI Components library has been built from the ground up to be lightweight, responsive, modular and touch friendly. It offers 70+ UI components that every applications will ever need.

https://github.com/syncfusion/ej2-angular-ui-components

GITHUB


11. Froala Editor

Beautiful JavaScript web editor thatโ€™s easy to integrate for developers
and your users will simply fall inย love with its clean design.


12. Summernote

Summernote is a JavaScript library that helps you create WYSIWYG editors online.

GITHUB


13. ng2-ckeditor

Use theย CKEditor (4.x)ย wysiwyg in your Angular application.


14. PrimeNG Editor

Editor is rich text editor component based on Quill.


15. Angular-Text-Diff