986770: Documentation

Author: Priyadharshini-SF3813

Document-Processing/PDF/PDF-Viewer/angular/annotation/comments.md

@@ -1,16 +1,16 @@
 ---
 layout: post
 title: Comments in Angular Pdfviewer component | Syncfusion
-description: Learn here all about Comments in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more.
+description: Learn about comments, replies, and status in the Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2.
 platform: document-processing
 control: Comments
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Comments
+# Comments in Angular PDF Viewer control
 
-The PDF Viewer control provides options to add, edit, and delete the comments to the following annotation in the PDF documents:
+The PDF Viewer control provides options to add, edit, and delete comments for the following annotations in PDF documents:
 
 * Shape annotation
 * Stamp annotation
@@ -20,11 +20,11 @@ The PDF Viewer control provides options to add, edit, and delete the comments to
 * Free text annotation
 * Ink annotation
 
-![Comments](../images/commentannot.png)
+![Comment panel overview](../images/commentannot.png)
 
 ## Adding a comment to the annotation
 
-Annotation comment, comment replies, and status can be added to the PDF document using the comment panel.
+Annotation comments, replies, and status can be managed in the PDF document using the comment panel.
 
 ### Comment panel
 
@@ -33,87 +33,87 @@ Annotation comments can be added to the PDF using the comment panel. The comment
 1. Using the annotation menu
 
     * Click the Edit Annotation button in the PDF Viewer toolbar. A toolbar appears below it.
-    * Click the Comment Panel button. A comment panel will appear.
+    * Click the Comment Panel button. The comment panel opens.
 
 2. Using Context menu
 
-    * Select annotation in the PDF document and right-click it.
-    * Select the comment option in the context menu that appears.
+    * Select the annotation in the PDF document and right-click it.
+    * Select Comment from the context menu..
 
 3. Using the Mouse click
 
-    * Select annotation in the PDF document and double click it, a comment panel will appear.
+    * Select the annotation in the PDF document and double-click it. The comment panel opens.
 
-If the comment panel is already in the open state, you can select the annotations and add annotation comments using the comment panel.
+If the comment panel is already open, select the annotation and add comments using the panel.
 
 ### Adding comments
 
-* Select annotation in the PDF document and click it.
-* The selected annotation comment container is highlighted in the comment panel.
-* Now, you can add comment and comment replies using the comment panel.
+* Select the annotation in the PDF document.
+* The corresponding comment thread is highlighted in the comment panel.
+* Add comments and replies using the comment panel.
 
-![AddingComments](../images/stickycomment.png)
+![Adding comments to a sticky note annotation](../images/stickycomment.png)
 
 ### Adding Comment Replies
 
-* The PDF Viewer control provides an option to add multiple replies to the comment.
-* After adding the annotation comment, you can add a reply to the comment.
+* Multiple replies can be added to a comment.
+* After adding a comment, add replies as needed.
 
 ### Adding Comment or Reply Status
 
-* Select the Annotation Comments in the comment panel.
-* Click the more options button showing in the Comments or reply container.
-* Select the Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
+* Select the annotation comment in the comment panel.
+* Click More options in the comment or reply container.
+* Select Set Status from the context menu.
+* Choose a status for the comment.
 
-![CommentStatus](../images/commentstatus.png)
+![Set status for a comment](../images/commentstatus.png)
 
 ### Editing the comments and comments replies of the annotations
 
-The comment, comment replies, and status of the annotation can be edited using the comment panel.
+Comments, replies, and status can be edited using the comment panel.
 
 ### Editing the Comment or Comment Replies
 
-The annotation comment and comment replies can be edited in the following ways:
+Edit comments and replies in the following ways:
 
 1. Using the Context menu
 
-    * Select the Annotation Comments in the comment panel.
-    * Click the More options button showing in the Comments or reply container.
-    * Select the Edit option in the context menu that appears.
-    * Now, an editable text box appears. You can change the content of the annotation comment or comment reply.
+    * Select the annotation comment in the comment panel.
+    * Click More options in the comment or reply container.
+    * Select Edit from the context menu.
+    * An editable text box appears. Change the content of the comment or reply.
 
 2. Using the Mouse Click
 
-    * Select the annotation comments in the comment panel.
-    * Double click the comment or comment reply content.
-    * Now, an editable text box appears. You can change the content of the annotation comment or comment reply.
+    * Select the annotation comment in the comment panel.
+    * Double-click the comment or reply content.
+    * An editable text box appears. Change the content of the comment or reply.
 
 ### Editing Comment or Reply Status
 
-* Select the Annotation Comments in the comment panel.
-* Click the more options button showing in the Comments or reply container.
-* Select the Set Status option in the context menu that appears.
-* Select the status of the annotation comment in the context menu that appears.
-* Status ‘None’ is the default state. If the status is set to ‘None,’ the comments or reply does not appear.
+* Select the annotation comment in the comment panel.
+* Click More options in the comment or reply container.
+* Select Set Status from the context menu.
+* Choose a status for the comment.
+* None is the default state. Selecting None clears the status indicator; the comment or reply remains visible.
 
-![CommentEdit](../images/commentsedit.png)
+![Edit comments and replies](../images/commentsedit.png)
 
 ### Delete Comment or Comment Replies
 
-* Select the Annotation Comments in the comment panel.
-* Click the more options button shown in the Comments or reply container.
-* Select the Delete option in the context menu that appears.
+* Select the annotation comment in the comment panel.
+* Click More options in the comment or reply container.
+* Select Delete from the context menu.
 
-![CommentEdit](../images/commentsdelete.png)
+![Delete comments or replies](../images/commentsdelete.png)
 
->The annotation will be deleted on deleting the comment using comment panel.
+>Deleting the root comment from the comment panel also deletes the associated annotation.
 
 ## How to check the comments added by the user
 
-The comments added to the PDF document can be viewed by using the `comments` property of the annotation.
+Comments added to the PDF document can be read using the annotation's `comments` property.
 
-Refer to the following code to check the comments added in the PDF document using a button click event.
+The following example logs comments in response to a button click.
 
 {% tabs %}
 {% highlight html tabtitle="Standalone" %}

Document-Processing/PDF/PDF-Viewer/angular/annotation/free-text-annotation.md

@@ -1,30 +1,30 @@
 ---
 layout: post
 title: Free text annotation in Angular Pdfviewer component | Syncfusion
-description: Learn here all about Free text annotation in Syncfusion Angular Pdfviewer component of Syncfusion Essential JS 2 and more.
+description: Learn about free text annotations in the Syncfusion Angular PDF Viewer (Essential JS 2): add, edit, delete, and default settings.
 platform: document-processing
 control: Free text annotation
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Free text annotation
+# Free text annotation in Angular PDF Viewer control
 
-The PDF Viewer control provides the options to add, edit, and delete the free text annotations.
+The PDF Viewer control provides options to add, edit, and delete free text annotations.
 
-## Adding a free text annotation to the PDF document
+## Add a free text annotation to the PDF document
 
-The Free text annotations can be added to the PDF document using the annotation toolbar.
+Free text annotations can be added to the PDF document using the annotation toolbar.
 
-* Click the **Edit Annotation** button in the PDF Viewer toolbar. A toolbar appears below it.
-* Select the **Free Text Annotation** button in the annotation toolbar. It enables the Free Text annotation mode.
-* You can add the text over the pages of the PDF document.
+* Click the **Edit Annotation** button in the PDF Viewer toolbar. The annotation toolbar appears below it.
+* Select the **Free Text Annotation** button to enable free text annotation mode.
+* Add text anywhere on the pages of the PDF document.
 
-In the pan mode, if the free text annotation mode is entered, the PDF Viewer control will switch to text select mode.
+When in pan mode, selecting free text annotation switches the PDF Viewer to text select mode.
 
-![FreeTextAnnotation in Angular PDF Viewer](../images/freetext_tool.png)
+![Free text tool in the annotation toolbar](../images/freetext_tool.png)
 
-Refer to the following code sample to switch to the Free Text annotation mode using a button click.
+The following example switches to free text annotation mode using a button click.
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
@@ -147,11 +147,11 @@ RemoveSelection() {
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/angular-pdf-viewer-examples/tree/master/Annotations/How%20to%20clear%20the%20selection%20from%20annotation)
 
-## Adding a Free Text annotation to the PDF document Programmatically
+## Add a free text annotation programmatically to the PDF document
 
-With the PDF Viewer library, you can add a Free Text annotation to the PDF Viewer control programmatically using the [**addAnnotation()**](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotationn) method.
+The PDF Viewer library allows adding a free text annotation programmatically using the [addAnnotation()](https://ej2.syncfusion.com/angular/documentation/api/pdfviewer/annotation/#addannotationn) method
 
-Here's a example of how you can utilize the **addAnnotation()** method to include a Free Text annotation programmatically
+Here is an example of adding a free text annotation programmatically using addAnnotation():
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}
@@ -262,63 +262,63 @@ export class AppComponent implements OnInit {
 {% endhighlight %}
 {% endtabs %}
 
-## Editing the properties of free text annotation
+## Edit the properties of free text annotations
 
-The font family, font size, font styles, font color, text alignment, fill color, the border stroke color, border thickness, and opacity of the free text annotation can be edited using the Font Family tool, Font Size tool, Font Color tool, Text Align tool, Font Style tool  Edit Color tool, Edit Stroke Color tool, Edit Thickness tool, and Edit Opacity tool in the annotation toolbar.
+Font family, font size, styles, font color, text alignment, fill color, stroke color, border thickness, and opacity can be edited using the Font Family, Font Size, Font Color, Text Align, Font Style, Edit Color, Edit Stroke Color, Edit Thickness, and Edit Opacity tools in the annotation toolbar.
 
-### Editing font family
+### Edit font family
 
-The font family of the annotation can be edited by selecting the desired font in the Font Family tool.
+Edit the font family by selecting a font in the Font Family tool.
 
-![FontFamily](../images/fontfamily.png)
+![Change font family](../images/fontfamily.png)
 
-### Editing font size
+### Edit font size
 
-The font size of the annotation can be edited by selecting the desired size in the Font Size tool.
+Edit the font size by selecting a size in the Font Size tool.
 
-![FontSize](../images/fontsize.png)
+![Change font size](../images/fontsize.png)
 
-### Editing font color
+### Edit font color
 
-The font color of the annotation can be edited using the color palette provided in the Font Color tool.
+Edit the font color using the color palette in the Font Color tool.
 
-![FontColor](../images/fontcolor.png)
+![Change font color](../images/fontcolor.png)
 
-### Editing the text alignment
+### Edit the text alignment
 
-The text in the annotation can be aligned by selecting the desired styles in the drop-down pop-up in the Text Align tool.
+Align text by selecting an option from the Text Align tool..
 
-![FreeTextAnnotation](../images/textalign.png)
+![Set text alignment](../images/textalign.png)
 
-### Editing text styles
+### Edit text styles
 
-The style of the text in the annotation can be edited by selecting the desired styles in the drop-down pop-up in the Font Style tool.
+Edit text styles by selecting options in the Font Style tool.
 
-![FontStyle](../images/fontstyle.png)
+![Change text styles](../images/fontstyle.png)
 
-### Editing fill color
+### Edit fill color
 
-The fill color of the annotation can be edited using the color palette provided in the Edit Color tool.
+Edit the fill color using the color palette in the Edit Color tool.
 
-![FillColor](../images/fillcolor.png)
+![Change fill color](../images/fillcolor.png)
 
-### Editing stroke color
+### Edit stroke color
 
-The stroke color of the annotation can be edited using the color palette provided in the Edit Stroke Color tool.
+Edit the stroke color using the color palette in the Edit Stroke Color tool.
 
-![StrokeColor](../images/fontstroke.png)
+![change stroke color](../images/fontstroke.png)
 
-### Editing thickness
+### Edit thickness
 
-The border thickness of the annotation can be edited using the range slider provided in the Edit Thickness tool.
+Edit border thickness using the range slider in the Edit Thickness tool.
 
 ![FontThickness](../images/fontthickness.png)
 
-### Editing opacity
+### Edit opacity
 
-The opacity of the annotation can be edited using the range slider provided in the Edit Opacity tool.
+Edit border thickness using the range slider in the Edit Thickness tool.
 
-![FontOpacity](../images/fontopacity.png)
+![Change opacity](../images/fontopacity.png)
 
 ## Move the free text annotation programmatically
 
@@ -367,11 +367,11 @@ public annotationAddEventHandler(args) {
 
 Find the sample [how to get the newly added free text annotation id](https://stackblitz.com/edit/angular-dxub1a-utuefq?file=app.component.ts)
 
-## Change the content of an existing Free text annotation programmatically
+## Change the content of an existing free text annotation programmatically
 
-To change the content of an existing free text annotation in the Syncfusion<sup style="font-size:70%">&reg;</sup> PDF viewer programmatically, you can use the **editAnnotation()** method.
+To change the content of an existing free text annotation programmatically, use the editAnnotation() method.
 
-Here is an example of how you can use the **editAnnotation()** method to change the content of a free text annotation:
+Here is an example of changing the content of a free text annotation using editAnnotation():
 
 ```html
  <button (click)="changeContent()">Change Contect</button>
@@ -391,14 +391,13 @@ changeContent() {
 
 ```
 
-Find the sample [how to change the content of an existing  free text annotation programmatically](https://stackblitz.com/edit/angular-dxub1a-krsywy?file=app.component.ts)
+N> The current version of the PDF Viewer does not edit existing document text. New free text annotations can be added and modified within the document.
 
-## Setting default properties during control initialization
+## Set default properties during control initialization
 
-The properties of the free text annotation can be set before creating the control using the FreeTextSettings.
+Default properties for free text annotations can be set before creating the control using FreeTextSettings.
 
-After editing the default values, they will be changed to the selected values.
-Refer to the following code sample to set the default free text annotation settings.
+After changing default values, the selected values are applied. The following example sets default free text annotation settings.
 
 {% tabs %}
 {% highlight ts tabtitle="Standalone" %}