Skip to content

Latest commit

 

History

History
50 lines (34 loc) · 1.6 KB

README.md

File metadata and controls

50 lines (34 loc) · 1.6 KB

MudExRichTextEditor

NUGET PACKAGE

MudExRichTextEditor is a custom reusable control that allows us to easily consume Quill combining in a MudBlazor project Features with MudBlazor Theme Support. This compnent also works without a MudBlazor Project:

  • Exports editor contents in Text, HTML, and Quill’s native Delta format
  • Allows value binding
  • Provides a read only mode, suitable for displaying Quill’s native Delta format
  • Allows custom toolbars to be defined
  • Allows custom themes
  • Has an inline editor mode that also allows custom toolbars

What is Quill?

Quill is a free, open source WYSIWYG editor built for the modern web. With its modular architecture and expressive API, it is completely customizable to fit any need.

image

How to use

  1. Install the NuGet package MudExRichTextEditor

Add the following line to your _Imports.razor file

@using MudExRichTextEditor

And this is enough now you can simply use the component in your pages

@page "/"

<MudCheckBox Label="Read only" @bind-Checked="_readOnly" />

<MudExRichTextEdit @ref="@Editor"
                   ReadOnly="@_readOnly"
                   Height="444"
                   Class="m-2"
                   Placeholder="Edit html">
			 
</MudExRichTextEdit>

@code {	
    bool _readOnly = false;
	MudExRichTextEdit Editor;	
}