diff --git a/README.md b/README.md index a282e32..47b38f8 100644 --- a/README.md +++ b/README.md @@ -35,6 +35,49 @@ Then add the following to your `_Imports.razor`: @using Tizzani.MudBlazor.HtmlEditor ``` +## Configuring Toolbar Options (available since v2.1) +There are several options available for customizing the HTML editor toolbar. + +To customize options for a specific editor instance, define a `` inside the ``: + +```html + + + +``` + +For all available options, see [here](./src/Tizzani.MudBlazor.HtmlEditor/MudHtmlToolbarOptions.razor.cs). + +### Configuring Default Options +To configure default options for all instances of the HTML editor, you can wrap your razor content with ``. + +#### App.razor or Routes.razor +```html + + + + + +``` + +Child components will inherit the default options, unless they override them with their own `` instance. + +### Advanced Customization +For more advanced customization, you can define your own toolbar options inside of an individual `` component: + +```html + + + + + + + + +``` + +See the [QuillJS documentation](https://quilljs.com/docs/modules/toolbar/) for more information on customizing the toolbar. + ## Migrating from v1.0 to v2.0 * Remove the `services.AddMudBlazorHtmlEditor();` call from your `Startup.cs` or `Program.cs` file. * Remove the `