Rich text editing for Blazor, powered by Quill.

Spillgebees.Blazor.RichTextEditor is a WYSIWYG Blazor component powered by Quill.

See the documentation and demos for installation guides, examples, and live components.

Features

• Two-way binding for HTML content, plain text, selection, enabled state, and touched state
• Basic, full, hidden, repositioned, or completely custom toolbars
• Snow and Bubble themes, custom fonts, accessible keybindings, and configurable event debouncing
• A passive editor for large documents and embedded content where on-demand synchronization is preferable

Quick example

@using Spillgebees.Blazor.RichTextEditor.Components
@using Spillgebees.Blazor.RichTextEditor.Components.Toolbar

<RichTextEditor @bind-Content="_content"
                ToolbarOptions="ToolbarOptions.FullToolbarOptions"
                UseAccessibleKeybindings="@true" />

@code {
    private string _content = "<p><strong>Hello from Blazor!</strong> 👋</p>";
}

Acknowledgements

The component builds on ideas from Blazored.TextEditor, Vixys/TextEditor, and WYSIWYGTextEditor.