Blazor Rich Text Editor Example - Image Option
This sample demonstrates the option to insert an image into the Rich Text Editor content. Click the Insert Image button in the toolbar item to insert an image.
Insert Image in Rich Text Editor!
You can insert and edit images within this editor. Click inside the editor and use the image tool to add an image.
What You Can Do
- Insert Images: Upload images from local storage or provide an image URL.
- Resize & Drag: Easily adjust image dimensions and reposition them within the content.
- Align Images: Set images to align left, center, or right.
- Caption Support: Add captions to describe your images.
- Replace & Remove: Change or delete images as needed.
Try It Out!
Or drop files here
Properties
Enable AutoUrl |
|
Save Format |
When you select an image in Rich Text Editor, a quick toolbar appears with tools for customizing the image. The quick toolbar has the following items,
- Replace - To replace the image with some other image.
- Align - Align the image with left, right and justify.
- Image Captions - Set the captions for the image.
- Change Size - Modify width and height of the image.
- Delete - Delete the image.
- Link - Provide the link to the image.
- Display - To wrap text around the image using inline and break options.
- Alternate Text - Provide an alternative text that will be displayed if the image is not available in the location.
- Remove – Remove the image from Rich Text Editor.