Blazor Word Processor is a feature rich UI component with editing capabilities like Microsoft Word. Also known as the document editor, it is used to create, edit, view, and print Word documents. It provides all the common word processing features: editing text, formatting contents, resizing images and tables, finding and replacing text, bookmarks, tables of contents, printing, and importing and exporting Word documents.
The Blazor Word Processor is designed and optimized for high performance in every aspect.
All the word processing features are written in Blazor, which runs completely in client-side. Therefore, users can test their typing speed.
The Blazor Word Processor has a set of built-in feature modules. This helps you build a lightweight word processor in your application without losing loading speed.
Render pages on demand so large documents are loaded instantly with minimal memory consumption.
The Blazor Word Processor introduces a new native file format called Syncfusion Document Text (*.sfdt). It helps maintain document import and export purely in client-side.
Open Word documents (DOCX, WordML, DOC, RTF, TXT).
Import SFDT format document content from a local file or string.
Export the document content to SFDT and DOCX formats as a blob or downloadable file.
The Blazor Word Processor comes with a Microsoft Word-inspired navigation pane. It provides intuitive UI options to search text, navigate between the results, and replace it with other text.
The Blazor Word Processor allows users to print the entire document or a specific page directly from the browser.
Enjoy a smooth and user-friendly experience for mouse, touch, and keyboard interfaces.
Flexible selection options using mouse, touch, or Microsoft Word like keyboard shortcuts.
Rapidly scroll the document pages.
Interactively zoom in and zoom out the page contents. Users can easily change view to fit a page or page width.
The Blazor Word Processor provides a seamless editing experience and offers intuitive and touch-friendly UI options like context menus, dialogs, and a navigation pane.
Cut, copy, and paste formatted content within the same document. You can also paste plain text to and from other applications.
Perform multiple levels of undo and redo operations.
Insert document elements and apply advanced formatting options with ease.
The context menu provides options to perform common editing actions. The list of actions is updated automatically based on the selection context.
An awesome user experience for interactively resizing an image using mouse or touch.
Adjust row height or column width interactively.
The Blazor Word Processor includes all the commonly used document elements: text, images, tables, hyperlinks, bookmarks, table of contents, page fields, sections, headers, and footers.
Users can create or edit documents with text in various languages.
Easily browse for an image file or online image URL and insert it in line with text. Common raster image formats like PNG, BMP, JPEG, and GIF are supported.
Create simple or complex nested tables using built-in dialog. Users can add or remove rows and columns, define header rows, merge, or resize cells depending on their contents.
Mark a place in the document to find it again easily. Users can enter many bookmarks in a document and give each one a unique name to identify it.
Add dynamic page numbers to a document that update automatically.
Use line breaks, page breaks, or section breaks to get the documents formatted better.
Link text for quick access to webpages, files, emails, bookmark, etc. Users can insert many links using built-in dialog and Microsoft Word-inspired automatic conversion of text to link. Moreover, navigation can be customized to open the target from other applications.
A table of contents outlines the headings in a document. It allows easy navigation to them and shows their page numbers. Users can customize it using a built-in dialog.
Easily add page numbers, dates, or the author’s name in one place and it will be repeated at the top or bottom of each page. However, users can specify different headers or footers for the first page, odd pages, and even pages of each section.
The Blazor Word Processor includes all the commonly used document formatting options.
Format text using bold, italics, underline, font family, size, color, highlight, subscript, superscript, etc.
Format paragraphs with indentation, alignment, and spacing.
Organize items or create an outline of the document with bullets and numbering. Both single and multilevel lists can be added.
Users can quickly apply built-in styles to ensure consistency within a document. In addition, users can modify them or create their own custom styles. The control supports both character and paragraph styles.
Format a table with indents, alignment, cell margins and spacing, borders, shadings, row height, break row across pages, etc.
Design the structure and layout of document pages in each section by customizing size, margins, header distance, footer distance, etc.
All static text in the user interfaces of the Word Processor can be localized to any supported language.
Easily get started with the Blazor Word Processor using a few simple lines of C# code example as demonstrated below. Also explore our Blazor Word Processor Example that shows you how to configure the document editor.
@using Syncfusion.Blazor.DocumentEditor
@using System.IO
@using System.Net
@using Newtonsoft.Json
<SfDocumentEditorContainer @ref="container" EnableToolbar=true>
<DocumentEditorContainerEvents Created="OnLoad"></DocumentEditorContainerEvents>
</SfDocumentEditorContainer>
@code {
SfDocumentEditorContainer container;
string sfdtString;
protected override void OnInitialized()
{
string fileUrl = "https://www.syncfusion.com/downloads/support/directtrac/general/doc/Getting_Started1018066633.docx";
WebClient webClient = new WebClient();
byte[] byteArray = webClient.DownloadData(fileUrl);
Stream stream = new MemoryStream(byteArray);
//To observe the memory go down, null out the reference of byteArray variable.
byteArray = null;
WordDocument document = WordDocument.Load(stream, ImportFormatType.Docx);
stream.Dispose();
//To observe the memory go down, null out the reference of stream variable.
stream = null;
sfdtString = JsonConvert.SerializeObject(document);
document.Dispose();
//To observe the memory go down, null out the reference of document variable.
document = null;
}
public void OnLoad(object args)
{
SfDocumentEditor editor = container.DocumentEditor;
editor.Open(sfdtString);
//To observe the memory go down, null out the reference of sfdtString variable.
sfdtString = null;
}
}
Word Processor is also available in JavaScript, Angular, React, and Vue frameworks, which were built from their own TypeScript libraries. Check out the different Word Processor platforms from the links below,
You can find our Blazor Word Processor demo here.
No, this is a commercial product and requires a paid license. However, a free community license is also available for companies and individuals whose organizations have less than $1 million USD in annual gross revenue and five or fewer developers.
A good place to start would be our comprehensive getting started documentation.
Greatness—it’s one thing to say you have it, but it means more when others recognize it. Syncfusion is proud to hold the following industry awards.