DEV Community

Cover image for How to Apply Different Formatting Options in Angular Word Processor
Arun for Syncfusion, Inc.

Posted on

How to Apply Different Formatting Options in Angular Word Processor

Learn to use the different formatting options in the Angular Word Processor component. You will learn how to perform basic text formatting options like Font family, Font Size, Bold, Italic, Underline, and paragraph formatting options like alignment, indent, line spacing, and more. You’ll also learn how to add headers, footers, and a table of contents.

The Angular 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, including editing text, formatting contents, resizing images and tables, finding and replacing text, bookmarks, tables of contents, printing, and importing and exporting Word documents.

Text editing options in a word processor refer to the features and tools that allow you to manipulate and format text within a document. 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 on the client side, such as Microsoft Word document (.docx), text document (.txt), and a 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/how-to-use-text-editing-options-in-the-angular-word-processor-component

Refer to the following text formatting documentation for the Syncfusion Angular Word Processor component: https://ej2.syncfusion.com/angular/documentation/document-editor/text-format

Top comments (0)