Wysiwyg editor for angular4

angular wysiwyg
error picture error · Sep 12, 2017 · Viewed 56.1k times · Source

Does someone knows a good free wysiwyg editor compatible with angular 4 ?

Froala seems to be good but unfortunately it's not free.

Maybe using angular 4 was not a good idea because it's hard to find a lot of basic things ...

Thank you

Answer

Ronin picture Ronin · Mar 7, 2018

Since I had the same problem, I'm sharing the results of my research here:

ng2-ckeditor

demo here

enter image description here

ngx-editor

demo here

EDIT 2019/01/12 - THIS PROJECT IS NOT ACTIVELY MAINTAINED ANYMORE

enter image description here

quill.js for angular

demo here

Note: Quill uses JSON to store the data internally, not html.

enter image description here

PRIME NG

Theme collection, that features a Quill-based WYSIWYG-editor as well, demo here. Some of themes are free.

ngx-md

A WYSIWYG editor which uses MarkDown rather than HTML, demo here

Edit

If your choice was quill.js, you might want to use KillerCodeMonkey's implementation since it is compatible with angular 5.

Related questions

angular2 wysiwyg tinymce implementation and 2-way-binding

Hi I'm trying to implement tinymce into an angular 2 component for a small forum to create a new thread. I want the content of the textarea (tinymce) be 2-way-binded to a variable inside the component. So far the submit button …

Read More
Can't bind to 'ngModel' since it isn't a known property of 'input'

I've got the following error when launching my Angular app, even if the component is not displayed. I have to comment out the <input> so that my app works. zone.js:461 Unhandled Promise rejection: Template parse errors: Can't …

Read More
ngFor with index as value in attribute

I have a simple ngFor loop which also keeps track of the current index. I want to store that index value in an attribute so I can print it. But I can't figure out how this works. I basically have …

Read More