Radzen's HtmlEditor documentation describes the Value property as the HTML value and documents two-way binding for user input. The component handles rich text; your application still supplies persistence, content policy, and the reader view.
Start with one bound value
In a Blazor application with Radzen already configured, a component can start with this fragment:
<RadzenHtmlEditor @bind-Value="announcementHtml"
Style="height: 280px;" />
<h2>Current HTML value</h2>
<pre style="white-space: pre-wrap; overflow-wrap: anywhere;">@announcementHtml</pre>
@code {
private string announcementHtml =
"<p>Bring your <strong>printed pass</strong>.</p>";
}
The pre displays the string as encoded text so you can inspect the markup without rendering it as another live HTML region. This is an integration fragment, not a complete configured application or a browser-executed demo.
Use an original test sentence such as the printed-pass instruction. Change one phrase, format another, and inspect the bound value in your running application. Check the current value before wiring it into the save path. The component's API reference documents Value and its inherited binding events.
Make the toolbar match the document you need
For a short announcement, authors may need emphasis, a list, and a link. A smaller toolbar can make those choices clearer:
<RadzenHtmlEditor @bind-Value="announcementHtml"
Style="height: 280px;">
<RadzenHtmlEditorBold />
<RadzenHtmlEditorItalic />
<RadzenHtmlEditorUnorderedList />
<RadzenHtmlEditorLink />
</RadzenHtmlEditor>
These are documented Radzen tool components. The announcementHtml field belongs in the surrounding component as in the first fragment. Keep the default toolbar if authors need its broader features; choose a restricted set because of the actual content requirement.
The source-editing tool, RadzenHtmlEditorSource, exposes HTML editing when included. Decide whether authors need that access. Hiding a toolbar control does not by itself enforce what HTML your server will accept.
Treat image handling as a separate integration
Radzen documents base64 image insertion by default. Server image uploads require an implemented upload endpoint and the editor's UploadUrl setting. A URL string in that property does not create an upload service.
Before offering images, decide where they belong, what size and types are permitted, and who may upload them. Inspect the value produced by a pasted image and by your configured upload flow. An embedded image can make the stored HTML much larger than the text-only announcement.
If the application only needs formatted text, omit the image tool. If images are required, verify upload and subsequent loading in the real application before authors rely on it.
Keep HTML acceptance and display rules in your application
Rich text entered by users is untrusted application input. Define which elements, attributes, and destinations the application permits, and enforce those rules before rendering that content for other readers. A visual editor or source toggle is not evidence that stored content is safe.
Keep the distinction between an HTML fragment and a full document. An announcement's paragraphs and lists do not include the application's page layout, stylesheet, authentication, or data access. If you need a complete independent page, that is a different authoring task.
For a different editor's storage conversion, see the DevExtreme HtmlEditor guide. Its converter configuration does not transfer to Radzen; use the APIs for the component installed in your application.
Check the author-to-reader result
In the configured application, type a changed instruction, apply emphasis, and add a link using the allowed tools. Inspect the resulting bound HTML, save through the application's real handler, then reopen the content in its actual reader view.
Confirm the words, formatting, and destination survived the application's acceptance and storage rules. If the reader view differs, trace the bound value and the stored response before changing the toolbar. Keep the authoring controls as small as the task permits, and make the finished announcement say exactly what the reader must do.