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:
- Use the...