Blazor Rich Text Editor Example - Autosave Editor
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
Or drop files here
Or drop files here
Saving changes
Changes saved
Properties
This sample demonstrates how to save the Rich Text Editor's content automatically at regular intervals. In this demo, content is saved after 5 seconds of idle time from the last typed character.
The Rich Text Editor saves its content automatically when focus is lost from the editor. Additionally, you can save content automatically at regular intervals based on the SaveInterval and AutoSaveOnIdle properties while editing:
- If AutoSaveOnIdle is set to
true, 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 content at regular intervals of milliseconds specified in the SaveInterval property.
In this demo, AutoSaveOnIdle is set to true, and the SaveInterval is set to 5 seconds.