Adding a WYSIWYG editor library for Angular

We will kick off our project by creating a WYSIWYG editor as a Angular application. Use the Angular CLI to create a new Angular application from scratch:

ng new my-editor --defaults

We pass the following options to the ng new command:

• my-editor: Defines the name of the application
• --defaults: Defines CSS as the preferred stylesheet format of the application and disables routing because our application will consist of a single component that will host the editor

A WYSIWYG editor is a rich text editor, such as Microsoft Word. We could create one from scratch using the Angular framework, but it would be time-consuming, and we would only reinvent the wheel. The Angular ecosystem contains a wide variety of libraries for this purpose. One of them is the ngx-wig library, which has no external dependencies, just Angular! Let’s add the library to our application and learn how to use it:

1. Use the...