{"id":23060758,"url":"https://github.com/syncfusionexamples/create-a-document-editor-in-a-blazor-server-application","last_synced_at":"2025-04-03T07:16:55.072Z","repository":{"id":98094752,"uuid":"261422037","full_name":"SyncfusionExamples/Create-a-Document-Editor-in-a-Blazor-Server-Application","owner":"SyncfusionExamples","description":"This sample explains how to create a Blazor DocumentEditor component in the Blazor Server Application.","archived":false,"fork":false,"pushed_at":"2024-12-04T05:50:03.000Z","size":289,"stargazers_count":4,"open_issues_count":0,"forks_count":2,"subscribers_count":7,"default_branch":"master","last_synced_at":"2025-02-08T20:47:50.081Z","etag":null,"topics":["azure-clould-file-storage","blazor-document-editor","create","save"],"latest_commit_sha":null,"homepage":"https://www.syncfusion.com/blazor-components/blazor-word-processor/?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples","language":"HTML","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/SyncfusionExamples.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-05-05T10:11:12.000Z","updated_at":"2024-12-04T05:50:04.000Z","dependencies_parsed_at":"2024-02-15T08:32:42.291Z","dependency_job_id":"15c43c78-8b73-4a7b-b694-3b0c87e20d93","html_url":"https://github.com/SyncfusionExamples/Create-a-Document-Editor-in-a-Blazor-Server-Application","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FCreate-a-Document-Editor-in-a-Blazor-Server-Application","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FCreate-a-Document-Editor-in-a-Blazor-Server-Application/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FCreate-a-Document-Editor-in-a-Blazor-Server-Application/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/SyncfusionExamples%2FCreate-a-Document-Editor-in-a-Blazor-Server-Application/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/SyncfusionExamples","download_url":"https://codeload.github.com/SyncfusionExamples/Create-a-Document-Editor-in-a-Blazor-Server-Application/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246952273,"owners_count":20859812,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["azure-clould-file-storage","blazor-document-editor","create","save"],"created_at":"2024-12-16T03:15:07.510Z","updated_at":"2025-04-03T07:16:55.037Z","avatar_url":"https://github.com/SyncfusionExamples.png","language":"HTML","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Create a Document Editor in a Blazor Server Application\r\n\r\nThe [Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor/?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) is a component with editing capabilities like Microsoft Word. Also known as the document editor, it is used to create, edit, view, and print Word documents. This quick-start Blazor server app project will help you to learn how to add Blazor Document Editor component to the Blazor server application and demonstrate the working of prominent features like formatting, adding a table of contents, saving a document along with toolbar customization and open/save a document in Azure Cloud file storage.\r\n\r\n## Prerequisites\r\n\r\n* Visual Studio 2022\r\n\r\n## How to run the project\r\n\r\n* Checkout this project to a location in your disk.\r\n* Open the solution file using the Visual Studio 2022.\r\n* Restore the NuGet packages by rebuilding the solution.\r\n* Run the project.\r\n\r\n## Further help\r\n\r\nTo get more help, check out the [ASP.NET Core Blazor documentation](https://docs.microsoft.com/en-us/aspnet/core/blazor).\r\n\r\n## Features and benefits\r\n\r\n### High performance\r\nThe Blazor Word Processor is designed and optimized for high performance in every aspect.\r\n\r\n#### Fast editing\r\nAll the word processing features are written in Blazor, which runs completely on the client side, allowing users to type and edit as fast as possible without experiencing any lag.\r\n\r\n#### Lightweight\r\nThe Blazor Word Processor has a set of built-in feature modules to help you build a lightweight word processor in your application without losing loading speed.\r\n\r\n#### Virtualization\r\nRender pages on demand so that large documents are loaded instantly with minimal memory consumption.\r\n\r\n### Open, edit, and save\r\nThe Blazor Word Processor introduces a new native file format called Syncfusion\u0026reg; Document Text (*.sfdt). It helps maintain document importing and exporting purely inon the client -side.\r\n\r\n#### Microsoft Word-compatible\r\nOpen Word documents (DOCX, WordML, DOC, RTF, TXT).\r\n\r\n#### Importing\r\nImport SFDT-format document content from a local file or string.\r\n\r\n#### Exporting\r\nExport document content to SFDT and DOCX formats as a blob or downloadable file.\r\n\r\n### Find and replace\r\nThe Blazor Word Processor comes with a Microsoft Word-inspired navigation pane. It provides intuitive UI options to searching text, navigating between results, and replacing results with other text.\r\n\r\n### Printing\r\nThe Blazor Word Processor allows users to print the entire document or a specific page directly from the browser.\r\n\r\n### User-friendly interactions\r\nEnjoy a smooth and user-friendly experience through mouse, touch, and keyboard interfaces.\r\n\r\n#### Selection\r\nFlexible selection options include using mouse, touch, or Microsoft Word-like keyboard shortcuts.\r\n\r\n#### Scrolling\r\nRapidly scroll the document pages.\r\n\r\n#### Zooming\r\nInteractively zoom in on and zoom out of the page contents. Users can easily change the view to fit a page or a page's width.\r\n\r\n### Seamless editing\r\nThe Blazor Word Processor provides a seamless editing experience, offering intuitive and touch-friendly UI options like context menus, dialogs, and a navigation pane.\r\n\r\n#### Clipboard\r\n[Cut, copy, and paste](https://blazor.syncfusion.com/documentation/document-editor/clipboard/?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) formatted content within the same document. You can also paste plain text to and from other applications.\r\n\r\n#### Undo and redo\r\nPerform multiple levels of undo and redo operations.\r\n\r\n#### Dialog\r\nInsert document elements and apply advanced formatting options with ease.\r\n\r\n#### Context menu\r\nThe context menu provides options to perform common editing actions. The list of actions is updated automatically based on the selection context.\r\n\r\n#### Image resizing\r\nInteractively resize an image using a mouse or touch gestures.\r\n\r\n#### Table resizing\r\nAdjust row height or column width interactively.\r\n\r\n### Document elements\r\nThe Blazor Word Processor includes all the commonly used document elements: Text, Images, Tables, [Hyperlinks](https://blazor.syncfusion.com/demos/document-editor/hyperlinks-and-bookmarks?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), Bookmarks, [Tables of contents](https://blazor.syncfusion.com/demos/document-editor/table-of-contents?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), Page fields, Sections, [Headers and footers](https://blazor.syncfusion.com/demos/document-editor/headers-and-footers?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples).\r\n\r\n### Formatting\r\nThe Blazor Word Processor includes all the commonly used document formatting options: [Text formatting](https://blazor.syncfusion.com/demos/document-editor/character-format?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Paragraph formatting](https://blazor.syncfusion.com/demos/document-editor/paragraph-format?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Bullets and numbering](https://blazor.syncfusion.com/demos/document-editor/bullets-and-numbering?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Styles](https://blazor.syncfusion.com/demos/document-editor/styles?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Table formatting](https://blazor.syncfusion.com/demos/document-editor/table-format?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Page settings](https://blazor.syncfusion.com/demos/document-editor/section-format?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \r\n\r\n### Localization\r\nAll static text in the user interfaces of the Word Processor can be localized to any supported language.\r\n\r\n## Related links\r\n[Learn More about Blazor Word Processor](https://www.syncfusion.com/blazor-components/blazor-word-processor?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Download Free Trial](https://www.syncfusion.com/downloads?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Pricing](https://www.syncfusion.com/sales/products/blazor?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Documentation](https://blazor.syncfusion.com/documentation/document-editor/?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Online Examples](https://blazor.syncfusion.com/demos/document-editor/default-functionalities?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Watch a How-to Video - Getting Started](https://www.syncfusion.com/tutorial-videos/blazor/word-processor?title=create-a-document-editor-in-a-blazor-server-application) \u003cbr/\u003e\u003cbr/\u003e\r\n[Watch a How-to Video - Open and Save from Cloud](https://www.syncfusion.com/tutorial-videos/blazor/word-processor?title=open-and-save-a-document-from-the-cloud-using-document) \u003cbr/\u003e\u003cbr/\u003e\r\n[Community Forums](https://www.syncfusion.com/forums/blazor-components/word-processor?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) \u003cbr/\u003e\u003cbr/\u003e\r\n[Suggest a feature](https://www.syncfusion.com/feedback/blazor-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples)\r\n\r\n## About Syncfusion\u0026reg; Blazor Components\r\nSyncfusion's [Blazor components](https://www.syncfusion.com/blazor-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples) library offers over 70 UI components to work with Blazor server-side and client-side (Blazor WebAssembly) projects seamlessly. In addition to Word Processor, we provide popular Blazor components such as [DataGrid](https://www.syncfusion.com/blazor-components/blazor-datagrid?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Charts](https://www.syncfusion.com/blazor-components/blazor-charts?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), \r\n[Scheduler](https://www.syncfusion.com/blazor-components/blazor-scheduler?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), [Diagram](https://www.syncfusion.com/blazor-components/blazor-diagram?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples), and [Pivot Table](https://www.syncfusion.com/blazor-components/blazor-pivot-table/?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples).\r\n\r\n## About Syncfusion\u0026reg;\r\nFounded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion\u0026reg; has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.\r\n \r\nToday, we provide 1600+ controls and frameworks for web\r\n([Blazor](https://www.syncfusion.com/blazor-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[ASP.NET Core](https://www.syncfusion.com/aspnet-core-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[ASP.NET MVC](https://www.syncfusion.com/aspnet-mvc-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[ASP.NET WebForms](https://www.syncfusion.com/jquery/aspnet-webforms-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[Angular](https://www.syncfusion.com/angular-ui-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[React](https://www.syncfusion.com/react-ui-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[Vue](https://www.syncfusion.com/vue-ui-components?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\nand \r\n[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples)),\r\nmobile\r\n([Xamarin](https://www.syncfusion.com/xamarin-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\nand\r\n[JavaScript](https://www.syncfusion.com/javascript-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples)),\r\nand desktop development ([Windows\r\nForms](https://www.syncfusion.com/winforms-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[WPF](https://www.syncfusion.com/wpf-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[WinUI(Preview)](https://www.syncfusion.com/winui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples),\r\n[Flutter](https://www.syncfusion.com/flutter-widgets?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples)\r\nand\r\n[UWP](https://www.syncfusion.com/uwp-ui-controls?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples)).\r\nWe provide ready-to-deploy enterprise software for dashboards, reports,\r\ndata integration, and big data processing. Many customers have saved\r\nmillions in licensing fees by deploying our software.\r\n\r\n\t\t\r\n\u003chr style=\"height:0.3px;border:none;color:lightgrey;background-color:lightgrey;\" /\u003e\r\n\r\n\u003cp align=\"center\"\u003e\r\n  \u003ca href=\"mailto:sales@syncfusion.com?Subject=Syncfusion\u0026reg; Blazor Word Processor - Github\" target=\"_top\"\u003esales@syncfusion.com\u003c/a\u003e | \u003ca href=\"https://www.syncfusion.com?utm_source=github\u0026utm_medium=listing\u0026utm_campaign=blazor-word-processor-github-samples\"\u003ewww.syncfusion.com\u003c/a\u003e | 1-888-9 DOTNET \u003cbr\u003e\r\n\u003c/p\u003e\r\n\r\n\r\n\r\n\r\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fcreate-a-document-editor-in-a-blazor-server-application","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsyncfusionexamples%2Fcreate-a-document-editor-in-a-blazor-server-application","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsyncfusionexamples%2Fcreate-a-document-editor-in-a-blazor-server-application/lists"}