Skip to content

SEO-176113-Angular-Missing-H1 #316

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 3 commits into from
Nov 10, 2023
Merged

SEO-176113-Angular-Missing-H1 #316

Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
e392341
Update Text-Markup-Annotation.md
berylouma Sep 22, 2023
2e6e531
Update Text-Markup-Annotation.md
berylouma Sep 26, 2023
f29d97a
Update Text-Markup-Annotation.md
berylouma Sep 28, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
14 changes: 7 additions & 7 deletions angular/PdfViewer/Text-Markup-Annotation.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,18 +1,18 @@
---
title: Text markup annotation of PDF viewer component.
description: Text markup annotation of PDF viewer component.
title: Text markup annotation in Angular PDF Viewer Component | Syncfusion
description: Learn here about Text markup annotation in Syncfusion Essential Angular PDF Viewer Component, its elements, and more.
platform: Angular
control: PDF viewer
documentation: ug
keywords: ejPdfViewer, PDF viewer, js pdfviewer
---

## Text Markup Annotation
# Text Markup Annotation in Angular PDF Viewer

PDF viewer control supports adding text markup annotations in the PDF documents. The component also renders the existing text markup annotations from the PDF document when the document is loaded in it.

The following screenshot shows PDF viewer with the PDF document containing text markup annotations.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png)
![Text markup annotation in Angular PDF Viewer](Text-Markup-Annotation_images/Text_Markup_Annotations_img1.png)

**Adding text markup annotations**

Expand Down Expand Up @@ -50,21 +50,21 @@ export class DefaultComponent {

The colorpicker control is provided in the text markup annotation tools to select the desired color for the text markup annotation to be added in the document.

![](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png)
![Adding text markup annotations in Angular PDF Viewer](Text-Markup-Annotation_images/Text_Markup_Annotations_img2.png)

**Adding notes to the text markup annotation**

The notes can be added to the text markup annotations using the context menu provided in the PDF viewer component.

The below screenshot shows that the notes have been added to a text markup annotation in the PDF document.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png)
![Adding notes to text markup annotation in Angular PDF Viewer](Text-Markup-Annotation_images/Text_Markup_Annotations_img3.png)

**Editing the text markup annotation**

The properties of the text markup annotations in the PDF document can be edited using the properties window provided in the PDF viewer component. The color, opacity, author and subject of the text markup annotation can be modified. The properties of the text markup annotation can also be locked using the locked checkbox in the properties window.

The below screenshot shows the properties window used for editing the properties of a text markup annotation.
![](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png)
![Editing the text markup annotation in Angular PDF Viewer](Text-Markup-Annotation_images/Text_Markup_Annotations_img4.png)

The text markup annotation in the PDF document can also be deleted from the PDF document.

Expand Down