🚀 Free Angular Rich Text Editor (WYSIWYG) - Alternative to CKEditor, TinyMCE, Quill | PDF/DOCX Export, Tables, Code Blocks, Emoji Support, Themes
npm install ckb-editor-angularbash
npm install ckb-editor-angular --save
`
#### Step 2: Import the Module
##### Add TextEditorAvComponent to your module imports:
`bash
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { AppComponent } from './app.component';
// Import the Editor Component
import { TextEditorAvComponent } from 'ckb-editor-angular';
@NgModule({
declarations: [AppComponent],
imports: [
BrowserModule,
FormsModule,
ReactiveFormsModule,
TextEditorAvComponent // ✅ Add as standalone component
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule {}
`
##### Note: TextEditorAvComponent is a standalone component, so you import it directly in the imports array.
#### Step 3: Use in Your Component
##### Template (HTML)
`bash
formControlName="content"
placeholder="Write your content here..."
[autoSaveEnabled]="false"
[showStatusBar]="true"
[spellcheck]="true"
(contentChange)="onContentChange($event)">