# rich-text-editor-auto-save
> Rich text editor sample demonstrating automatic saving of edited content.
**Framework:** angular **Component:** RichTextEditor **Variant:** auto-save
## Get this item
**If you are an agent, fetch the JSON.** Source is inlined, so one request is enough and no tooling is required:
```
GET https://ai.syncfusion.com/r/angular/rich-text-editor-auto-save.json
```
**Install Package(s)**
```bash
npm install @syncfusion/ej2-angular-richtexteditor
```
**Notes**
- Syncfusion release: 2026 Volume 2 (v34.1.29)
- The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md
## Source files
### src/components/rich-text-editor-auto-save/auto-save.component.ts
```typescript
/**
* Rich Text Editor Auto save Sample
*/
import { Component, ViewEncapsulation, ViewChild, ElementRef } from '@angular/core';
import { ToolbarService, RichTextEditorComponent, LinkService, ImageService, HtmlEditorService, RichTextEditorModule, QuickToolbarService, PasteCleanupService, VideoService, AudioService, TableService, ClipBoardCleanupService, AutoFormatService } from '@syncfusion/ej2-angular-richtexteditor';
import { ToolbarModule } from '@syncfusion/ej2-angular-navigations';
import { SwitchModule } from '@syncfusion/ej2-angular-buttons';
import { isNullOrUndefined } from '@syncfusion/ej2-base';
@Component({
selector: 'control-content',
templateUrl: 'auto-save.html',
styleUrls: ['auto-save.css'],
encapsulation: ViewEncapsulation.None,
providers: [ToolbarService, LinkService, ImageService, HtmlEditorService, QuickToolbarService, PasteCleanupService, VideoService, AudioService, TableService, ClipBoardCleanupService, AutoFormatService],
standalone: true,
imports: [RichTextEditorModule, SwitchModule]
})
export class AutoSaveComponent {
@ViewChild('autosaveRTE')
public rteObj!: RichTextEditorComponent;
public tools: ToolbarModule = {
items: ['Bold', 'Italic', 'Underline', '|', 'Formats', 'Alignments', 'Blockquote',
'OrderedList', 'UnorderedList', '|', 'CreateLink', 'Image', '|', 'SourceCode', 'Undo', 'Redo']
};
public updateStatus() {
document.getElementById('saving')!.style.display = 'block';
document.getElementById('saved')!.style.display = 'none';
setTimeout(() => {
if (!isNullOrUndefined(document.getElementById('saving')) && !isNullOrUndefined(document.getElementById('saved'))) {
document.getElementById('saving')!.style.display = 'none';
document.getElementById('saved')!.style.display = 'block';
}
}, 500);
}
public onChange(e: any) {
var defaultRTE = this.rteObj;
if (e.checked) {
defaultRTE.saveInterval = 5000;
} else {
defaultRTE.saveInterval = 0;
setTimeout(() => {
document.getElementById('saving')!.style.display = 'none';
document.getElementById('saved')!.style.display = 'none';
}, 500);
}
}
editorValue: string = `
Welcome to the Rich Text Editor Demo!📝
Experience the power of modern content editing with advanced formatting, media embedding, and many other features. You can explore this demo for yourself.
Explore the Possibilities! 🚀
Highly customizable - You can configure the toolbar, enable/disable features, and fine-tune the editing experience to match your needs.
Seamless content pasting - Copy and paste from Microsoft Word, Outlook, or other editors or sources while preserving formatting, styles, and structure.
Import Word documents - Convert DOCX files into editable HTML content inside the editor using the Import from Word feature.
One-click Export - Save your document as PDF 📄 or Word (DOCX) 📝 with just a single click.
@Mentions - Type @Albert to see available suggestions and tag users in your content.
Image Management - Use the File Manager to browse, upload, and manage images within the editor.
Powerful Features!
A quick overview of the essential features of the Rich Text Editor.
Feature
Description
Text Formatting
Bold, Italic, Underline, Strikethrough, and more.
Lists & Indentation
Ordered, unordered, nested lists.
Tables
Insert and edit tables with styling.
Media Embedding
Images, videos, and iframes.
Mentions
Tag users and add comments
Effortless Image Handling!
Insert, resize, align, and manage images seamlessly within the editor.
