Skip to content

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

Repository files navigation

Create a DOCX Editor (Document Editor) in a Blazor Server Application

The Syncfusion® Blazor DOCX Editor (Document Editor) 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 DOCX Editor 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 DOCX Editor has a set of built-in feature modules to help you build a lightweight DOCX Editor 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 DOCX Editor 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 DOCX Editor 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 DOCX Editor 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 DOCX Editor 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 DOCX Editor includes all the commonly used document elements: Text, Images, Tables, Hyperlinks, Bookmarks, Tables of contents, Page fields, Sections, Headers and footers.

Formatting

The Blazor DOCX Editor 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 DOCX Editor can be localized to any supported language.

Related links

Learn More about Blazor DOCX Editor

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 DOCX Editor, 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

About

This sample explains how to create a Blazor DocumentEditor component in the Blazor Server Application.

Topics

Resources

Stars

4 stars

Watchers

6 watching

Forks

Contributors