Skip to content

SyncfusionExamples/Create-a-Document-Editor-in-a-Blazor-Server-Application

Repository files navigation

Create a Document Editor in a Blazor Server Application

The Blazor Word Processor 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.

Prerequisites

  • Visual Studio 2022

How to run the project

  • Checkout this project to a location in your disk.
  • Open the solution file using the Visual Studio 2022.
  • Restore the NuGet packages by rebuilding the solution.
  • Run the project.

Further help

To get more help, check out the ASP.NET Core Blazor documentation.

Features and benefits

High performance

The Blazor Word Processor is designed and optimized for high performance in every aspect.

Fast editing

All 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.

Lightweight

The 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.

Virtualization

Render pages on demand so that large documents are loaded instantly with minimal memory consumption.

Open, edit, and save

The Blazor Word Processor introduces a new native file format called Syncfusion® Document Text (*.sfdt). It helps maintain document importing and exporting purely inon the client -side.

Microsoft Word-compatible

Open Word documents (DOCX, WordML, DOC, RTF, TXT).

Importing

Import SFDT-format document content from a local file or string.

Exporting

Export document content to SFDT and DOCX formats as a blob or downloadable file.

Find and replace

The 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.

Printing

The Blazor Word Processor allows users to print the entire document or a specific page directly from the browser.

User-friendly interactions

Enjoy a smooth and user-friendly experience through mouse, touch, and keyboard interfaces.

Selection

Flexible selection options include using mouse, touch, or Microsoft Word-like keyboard shortcuts.

Scrolling

Rapidly scroll the document pages.

Zooming

Interactively 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.

Seamless editing

The Blazor Word Processor provides a seamless editing experience, offering intuitive and touch-friendly UI options like context menus, dialogs, and a navigation pane.

Clipboard

Cut, copy, and paste formatted content within the same document. You can also paste plain text to and from other applications.

Undo and redo

Perform multiple levels of undo and redo operations.

Dialog

Insert document elements and apply advanced formatting options with ease.

Context menu

The context menu provides options to perform common editing actions. The list of actions is updated automatically based on the selection context.

Image resizing

Interactively resize an image using a mouse or touch gestures.

Table resizing

Adjust row height or column width interactively.

Document elements

The Blazor Word Processor includes all the commonly used document elements: Text, Images, Tables, Hyperlinks, Bookmarks, Tables of contents, Page fields, Sections, Headers and footers.

Formatting

The Blazor Word Processor includes all the commonly used document formatting options: Text formatting, Paragraph formatting, Bullets and numbering, Styles, Table formatting, Page settings

Localization

All static text in the user interfaces of the Word Processor can be localized to any supported language.

Related links

Learn More about Blazor Word Processor

Download Free Trial

Pricing

Documentation

Online Examples

Watch a How-to Video - Getting Started

Watch a How-to Video - Open and Save from Cloud

Community Forums

Suggest a feature

About Syncfusion® Blazor Components

Syncfusion's Blazor components 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, Charts, Scheduler, Diagram, and Pivot Table.

About Syncfusion®

Founded in 2001 and headquartered in Research Triangle Park, N.C., Syncfusion® has more than 23,000+ customers and more than 1 million users, including large financial institutions, Fortune 500 companies, and global IT consultancies.

Today, we provide 1600+ controls and frameworks for web (Blazor, ASP.NET Core, ASP.NET MVC, ASP.NET WebForms, JavaScript, Angular, React, Vue, and Flutter), mobile (Xamarin, Flutter, UWP, and JavaScript), and desktop development (Windows Forms, WPF, WinUI(Preview), Flutter and UWP). We provide ready-to-deploy enterprise software for dashboards, reports, data integration, and big data processing. Many customers have saved millions in licensing fees by deploying our software.


sales@syncfusion.com | www.syncfusion.com | 1-888-9 DOTNET

Contributors 8