{
  "$schema": "https://ai.syncfusion.com/schema/registry-item.json",
  "name": "rich-text-editor-default",
  "framework": "blazor",
  "type": "registry:component",
  "component": "RichTextEditor",
  "variant": "default",
  "dependencies": [
    "Syncfusion.Blazor.RichTextEditor"
  ],
  "description": "Rich Text Editor demonstrates default WYSIWYG content with images and a toolbar containing common formatting commands.",
  "meta": {
    "essentialStudioRelease": "2026 Volume 2 (v34.1.29)",
    "license": "commercial-or-community",
    "licenseNote": "The Syncfusion package is licensed. The composition in this file is source you own and edit. See https://ai.syncfusion.com/licensing.md",
    "requiresLicenseKey": true,
    "requiresServerEndpoint": false,
    "platformIndex": "https://ai.syncfusion.com/blazor/llms.txt",
    "skillPack": "syncfusion/blazor-ui-components-skills",
    "docs": "https://ai.syncfusion.com/gallery/blazor/rich-text-editor-default.md"
  },
  "files": [
    {
      "target": "src/components/rich-text-editor-default/RichTextEditor.razor",
      "content": "@page \"/rich-text-editor/default-functionalities\"\n@using Syncfusion.Blazor.RichTextEditor\n\n<div class=\"control-section\">\n    <SfRichTextEditor>\n        <h2>Welcome to the Rich Text Editor Demo!</h2><p>The Rich Text Editor control is a WYSIWYG (\"what you see is what you get\") editor that provides the best user experience to create and update the content. Users can format their content using standard toolbar commands.</p><h4>Flexible Editing!</h4><p>For a better editing experience, the Angular Rich Text Editor component offers a variety of tools and choices. So, you can quickly insert <strong>images</strong>, <strong>videos</strong>, <strong>hyperlinks</strong>, and <strong>tables</strong>; <strong>merge table cells</strong>; and configure.</p><p>You can easily format the text and paragraphs by setting the editor’s foreground and <strong>background colors</strong>, <strong>font type</strong>, <strong>italicization</strong>, <strong>adding ordered </strong>and <strong>unordered custom lists</strong>, <strong>underlining</strong>, <strong>strikethrough</strong>, and <strong>bolding</strong>.<br><br></p><p><img alt=\"Editor Features Overview\" src=\"https://cdn.syncfusion.com/ej2/richtexteditor-resources/RTE-Overview.png\" width=\"400\" height=\"200\" class=\"e-img-left\"></p>\n        <RichTextEditorToolbarSettings Items=\"@Tools\" />\n    </SfRichTextEditor>\n</div>\n@code {\n    private List<ToolbarItemModel> Tools = new List<ToolbarItemModel>()\n    {\n        new ToolbarItemModel() { Command = ToolbarCommand.Bold },\n        new ToolbarItemModel() { Command = ToolbarCommand.Italic },\n        new ToolbarItemModel() { Command = ToolbarCommand.Underline },\n        new ToolbarItemModel() { Command = ToolbarCommand.Separator },\n        new ToolbarItemModel() { Command = ToolbarCommand.Formats },\n        new ToolbarItemModel() { Command = ToolbarCommand.Alignments },\n        new ToolbarItemModel() { Command = ToolbarCommand.OrderedList },\n        new ToolbarItemModel() { Command = ToolbarCommand.UnorderedList },\n        new ToolbarItemModel() { Command = ToolbarCommand.Separator },\n        new ToolbarItemModel() { Command = ToolbarCommand.CreateLink },\n        new ToolbarItemModel() { Command = ToolbarCommand.Image },\n        new ToolbarItemModel() { Command = ToolbarCommand.Separator },\n        new ToolbarItemModel() { Command = ToolbarCommand.SourceCode },\n        new ToolbarItemModel() { Command = ToolbarCommand.Separator },\n        new ToolbarItemModel() { Command = ToolbarCommand.Undo },\n        new ToolbarItemModel() { Command = ToolbarCommand.Redo }\n    };\n}"
    }
  ]
}