Accent color

@bindingHtml

``` ```csharp private string? bindingHtml = "

The bound value is just a string you own.

"; ``` \n**Debounce**: ```razor ``` \n**Focus & blur events**: ```razor

Editor is currently: @focusState

``` ```csharp private string focusState = "blurred"; ``` \n**Formatting**: ```razor ``` \n**Indentation & scripts**: ```razor ``` \n**Toolbar groups**: ```razor ``` \n**Full toolbar**: ```razor ``` \n**Links**: ```razor ``` ```csharp private string? linkHtml = "

Read the docs.

"; private string? linkError; private void HandleLinkHtmlChanged(string? value) { linkHtml = value; linkError = null; // a successful update clears the stale error } ``` \n**Images**: ```razor ``` ```csharp private async Task HandleImageUpload(BitRichTextEditorImageUpload image) { // image.FileName, image.ContentType, image.Content (byte[]) var url = await storage.SaveAsync(image.FileName, image.Content); return url; // return null to cancel the insert } ``` \n**Colors**: ```razor ``` \n**Fonts**: ```razor ``` ```csharp private readonly string[] fonts = ["Segoe UI", "Georgia", "Courier New", "Comic Sans MS"]; private readonly string[] sizes = ["12px", "16px", "20px", "28px"]; ``` \n**Tables**: ```razor ``` \n**Media & rules**: ```razor ``` \n**Source view**: ```razor ``` \n**Sanitization**: ```razor ``` ```csharp private readonly BitRichTextEditorSanitizationPolicy sanitizationPolicy = new() { AllowedTags = new HashSet(StringComparer.OrdinalIgnoreCase) { "p", "br", "strong", "em", "a", "ul", "ol", "li" }, AllowedAttributes = new Dictionary>(StringComparer.OrdinalIgnoreCase) { ["*"] = new HashSet(StringComparer.OrdinalIgnoreCase) { "class" }, ["a"] = new HashSet(StringComparer.OrdinalIgnoreCase) { "href", "title" }, }, AllowedUriSchemes = new HashSet(StringComparer.OrdinalIgnoreCase) { "http", "https", "mailto" }, AllowDataImageUris = false, }; ``` \n**Plain-text paste**: ```razor ``` \n**Find & replace**: ```razor ``` \n**Full screen**: ```razor ``` \n**Slash menu**: ```razor ``` \n**Keyboard shortcuts**: ```razor ``` ```csharp private readonly Dictionary shortcuts = new() { ["ctrl+shift+s"] = "strikeThrough", ["ctrl+shift+l"] = "insertUnorderedList", }; ``` \n**Emoji**: ```razor ``` \n**Character & word count**: ```razor ``` \n**EditForm validation**: ```razor Submit ``` ```csharp private readonly FormModel formModel = new(); private bool formSubmitted; private void HandleValidSubmit() => formSubmitted = true; public class FormModel : System.ComponentModel.DataAnnotations.IValidatableObject { [System.ComponentModel.DataAnnotations.Required(ErrorMessage = "The body is required.")] public string? Body { get; set; } public System.Collections.Generic.IEnumerable Validate(System.ComponentModel.DataAnnotations.ValidationContext validationContext) { // Body is HTML, so validate the normalized visible text: strip tags, decode entities, // and trim. Markup with no visible text passes [Required] (the raw HTML is non-empty), // so require non-whitespace visible text and base the min-length check on it too. var stripped = System.Text.RegularExpressions.Regex.Replace(Body ?? "", "<[^>]+>", ""); var text = System.Net.WebUtility.HtmlDecode(stripped).Trim(); if (string.IsNullOrWhiteSpace(Body) is false && text.Length == 0) yield return new System.ComponentModel.DataAnnotations.ValidationResult("The body is required.", [nameof(Body)]); else if (text.Length > 0 && text.Length < 20) yield return new System.ComponentModel.DataAnnotations.ValidationResult("Add a bit more detail (min 20 characters).", [nameof(Body)]); } } ``` \n**Custom toolbar item**: ```razor ``` ```csharp private readonly BitRichTextEditorToolbarConfig customConfig = new() { CustomItems = [ new() { Id = "insert-date", Label = "Today", AriaLabel = "Insert today's date", OnActivate = editor => editor.ExecuteCommandAsync("insertText", DateTime.Now.ToString("yyyy-MM-dd")) } ] }; ``` \n**Reordering toolbar groups**: ```razor ``` ```csharp // listed ids appear first; enabled-but-omitted groups follow in default order private readonly BitRichTextEditorToolbarConfig reorderConfig = new() { Order = ["inline", "lists", "link"] }; ``` \n**Imperative API**: ```razor FocusAsync ExecuteCommand("bold") GetHtmlAsync GetTextAsync

@apiResult

``` ```csharp private BitRichTextEditor apiEditor = default!; private string? apiResult; private async Task FocusEditor() { await apiEditor.FocusAsync(); } private async Task GetEditorHtml() { apiResult = await apiEditor.GetHtmlAsync(); } private async Task GetEditorText() { apiResult = await apiEditor.GetTextAsync(); } ``` \n**Style & Class**: ```razor ```