Blazor Rich Text Editor Example - Autosave Editor
This sample demonstrates how to save the Rich Text Editor’s content automatically at regular intervals. The following demo saves the content after 5 seconds of idle time from last typed time.
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.
"Great writing begins with a great editor." ✍️
Or drop files here
Saving changes
Changes saved
Properties
The Rich Text Editor saves its content automatically when you focus out the editor, and you can save its content automatically at regular intervals based on the SaveInterval and AutoSaveOnIdle properties while editing.
- If AutoSaveOnIdle is set to true, the content is saved if the editor is idle for the number of milliseconds specified in the SaveInterval property.
- If AutoSaveOnIdle is set to false, the editor saves the content at the regular interval of milliseconds specified in the SaveInterval property.
true in this demo, and the SaveInterval is set to 5 seconds.