igotinfected/Spillgebees.Blazor.RichTextEditorv2.2.0

Spillgebees.Blazor.RichTextEditor is a WYSIWYG Blazor component enabling rich text content editing. It is powered by Quill.

This component is based on a mix of the following repos:

• chrissainty's Blazored.TextEditor, the original implementation.
• vixys' fork of Blazored.TextEditor, mainly the OnTextChanged implementation logic.
• somegenericdev's WYSIWYGTextEditor, mainly the more convenient usage/component structure.

Registering the component

This component comes with a JS initializer, as such it is bootstrapped when Blazor launches.

The only thing you need to do is to add Quill's CSS files for styling.

This package comes with a .css file that includes both Quill themes' CSS files for convenience, so you can either add it as an import to your main CSS file:

/* relative to `wwwroot` */ @import "../_content/Spillgebees.Blazor.RichTextEditor/Spillgebees.Blazor.RichTextEditor.lib.module.css"; h1:focus { outline: none; } ...

Or include it in the head tag directly:

<link href="_content/Spillgebees.Blazor.RichTextEditor/Spillgebees.Blazor.RichTextEditor.lib.module.css" rel="stylesheet" />

You could also just pass CDN links or your custom CSS using the latter.

Usage

You can take a look at the demo pages for a few general usage examples: net8.0, net9.0

This package comes with two components: RichTextEditor and PassiveRichTextEditor