Saturday, July 20, 2024
Angular 9Bootstrap 4

Angular 9 Text editor working code

angular 9 text editor

Hello to all, welcome to In this post, I will tell you, Angular 9 Text editor working code.

Angular Text Editor

Guy’s Angular 12 came and if you are new in angular 12 then please check below link:

  1. Angular 12 Tutorials

Here is working code and please use carefully:

1. Very first, you need to run this command to install text editor into your Angular application:

npm install @kolkov/angular-editor --save

2. After run the above command, you have to add below code into your app.module.ts file:


import { AngularEditorModule } from '@kolkov/angular-editor';

imports: [ 

3. Now you have to run below code into app.component.ts file:

import { FormBuilder, FormGroup, FormControl, Validators} from '@angular/forms';

export class AppComponent implements OnInit {

  constructor(private formBuilder: FormBuilder) { }
  onClickSubmit(data) {
  ngOnInit(): void {
  this.formdata ={
            description: ['', [Validators.required,
              Validators.maxLength(400), Validators.minLength(5)]]


4. Now you have to below code into your app.component.html file:

<div class="jumbotron text-center">
  <h1>Angular Text Editor with Limit Validation</h1>
<div class="container">
    <form [formGroup] = "formdata" (ngSubmit) = "onClickSubmit(formdata.value)">
  <div class="form-group">
        <label for="email">Description:</label>
        <angular-editor [placeholder]="'Enter text here...'" formControlName="description"></angular-editor>
        <div *ngIf="formdata.controls.description.errors && formdata.controls.description.touched" class="error">description is required(Max 400 - Min 5).</div>
      <button type="submit" class="btn btn-primary">Register</button>

I have used bootstrap for that please check below post link:

If you have any kind of query the please comment below.


Thank you

the authortherichpost
Hello to all. Welcome to Myself Ajay Malhotra and I am freelance full stack developer. I love coding. I know WordPress, Core php, Angularjs, Angular 14, Angular 15, Angular 16, Angular 17, Bootstrap 5, Nodejs, Laravel, Codeigniter, Shopify, Squarespace, jQuery, Google Map Api, Vuejs, Reactjs, Big commerce etc.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.