DEV Community

Cover image for Getting Started with the Angular Word Processor (Document Editor)
Arun for Syncfusion, Inc.

Posted on

Getting Started with the Angular Word Processor (Document Editor)

Learn how to create and configure the Syncfusion Angular Document Editor a.k.a. Angular Word Processor component using the Angular CLI command. The Angular Word Processor is a feature-rich UI component with editing capabilities like the 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 including editing text, formatting contents, resizing images and tables, finding and replacing text, bookmarks, tables of contents, printing, and importing and exporting Word documents.

The Document Editor Container is a predefined component which wraps the Document Editor, Toolbar, Properties pane, and Status bar into a single component. And the toolbar and properties pane are used to view and modify the document using public APIs available in it.

This video also explains how to configure a few of the control’s basic features like enabling the toolbar, open and save documents, and so on. The Word Processor provides a new native file format called Syncfusion Document Text (.sfdt). It helps maintain document import and export purely on the client side. It comes with a Microsoft Word-inspired navigation pane and provides intuitive UI options to search text, navigate between the results, and replace it with other texts.

The Document Editor exports documents into various known file formats in the client side such as Microsoft Word document (.docx), text document (.txt), and its own format called Syncfusion Document Text (.sfdt). It also supports server-side export of Syncfusion Document Text (.sfdt) to DOC, DOCX, RTF, Txt, WordML, and Html formats using server-side helper Syncfusion.EJ2.DocumentEditor available in ASP.NET Core and ASP.NET MVC platforms.

Product overview: https://www.syncfusion.com/angular-components/angular-word-processor

Download an example from GitHub: https://github.com/SyncfusionExamples/Getting-started-angular-word-processor

Refer to the following getting started documentation for the Syncfusion Angular Document Editor component: https://ej2.syncfusion.com/angular/documentation/document-editor/getting-started

**Check out this online example for the Angular Document Editor component: **https://ej2.syncfusion.com/angular/demos/#/material3/document-editor/default

Top comments (0)