Wysiwyg editor for angular4 [closed]

Answer 1

Thanks @Ronin for sharing your research. Here is my feedback on a couple I tested.

NGX-EDITOR

First I tried ngx-editor and was relatively easy to install and use. Only needed ngs-boostrap and fontAwesome as dependencies. Hoever the only drawback I found for my requirements was the adding link widget. This library does not remember the link that you have entered so if you want to change them you need to remove and re-add it. Another limitation was that one could not specify a max Length value.

NGX-QUILL

I ended up using ngx-quill. It has a better way to deal with links as well as the ability to specify max-Length. It was also very easy to install:

npm install ngx-quill
npm install quill  // Needed for CSS styles

import { QuillModule } from 'ngx-quill'
import 'quill/dist/quill.core.css'
import 'quill/dist/quill.snow.css'

@NgModule({
  imports: [
    ...,

    QuillModule
  ],
  ...
})
class YourModule { ... }