Merge branch 'development' into EJ2-1010807-staging-errors

Author: BalajiLoganathanSF4826

Document-Processing/PDF/PDF-Viewer/react/annotation/annotation-types/underline-annotation.md

@@ -72,6 +72,7 @@ Right-click a selected text region → select **Underline**.
 ![Underline Context](../../../javascript-es6/annotations/annotation-images/underline-context.gif)
 
 To customize menu items, refer to [**Customize Context Menu**](../../context-menu/custom-context-menu) documentation.
+
 ---
 
 ### Enable Underline Mode

Document-Processing/PDF/PDF-Viewer/react/document-handling/load-large-pdf.md

@@ -119,7 +119,7 @@ If thumbnails or page reordering are not essential:
 - Improve navigation responsiveness
 
 #### Example (remove unneccesary modules)
-```tsx
+```js
 <Inject services={[Toolbar, Magnification, Navigation, Print]} />
 ```
 
@@ -156,7 +156,9 @@ By default, the viewer uses **sessionStorage** to store interactive session data
 - Reduces repeated processing for form/annotation‑heavy pages
 
 #### Enable Local Storage
-```tsx
+{% tabs %}
+{% highlight js tabtitle="Standalone" %}
+{% raw %}
 			<PdfViewerComponent
 				id="container"
 				documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
@@ -166,7 +168,9 @@ By default, the viewer uses **sessionStorage** to store interactive session data
 			>
 				<Inject services={[Toolbar, Magnification, Navigation, Print, Annotation, FormFields]} />
 			</PdfViewerComponent>
-```
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
 
 This is highly recommended when working with legal documents, tax forms, interactive applications, or PDFs containing thousands of annotations.
 

Document-Processing/PDF/PDF-Viewer/react/document-handling/load-password-pdf.md

@@ -46,7 +46,7 @@ If you load a password-protected PDF from a URL or through custom logic, the vie
 
 You can directly pass the password in the [`load`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#load) method:
 
-```tsx
+```js
 viewer.load(
   'https://your-api/password-protected.pdf',
   'Password'
@@ -65,15 +65,19 @@ This is useful when the password is known beforehand.
 
 If the [`documentPath`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#documentpath) points to a password-protected PDF:
 
-```tsx
+{% tabs %}
+{% highlight js tabtitle="Standalone" %}
+{% raw %}
     <PdfViewerComponent
         id="container"
         //Load URL for Password Protected Document 
         documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
         resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
         style={{ height: '640px' }}
     >
-```
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
 
 The viewer will:
 

Document-Processing/PDF/PDF-Viewer/react/document-handling/retrieve-loadedDoc.md

@@ -44,7 +44,9 @@ Below is a focused snippet showing:
 2) Wiring the **`documentLoad`** event, and
 3) Reading basic **document info** and **page count**, then calling **viewer APIs** safely.
 
-```jsx
+{% tabs %}
+{% highlight js tabtitle="Standalone" %}
+{% raw %}
 import * as ReactDOM from 'react-dom/client';
 import * as React from 'react';
 import {
@@ -100,7 +102,9 @@ function App() {
 
 const root = ReactDOM.createRoot(document.getElementById('sample'));
 root.render(<App />);
-```
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
 
 **Notes**
 - The event name is `documentLoad` (the callback receives load args).
@@ -117,7 +121,9 @@ This example demonstrates a complete flow:
 - Extracting **metadata** and **pages**
 - Exposing **buttons** to call viewer APIs only after load
 
-```jsx
+{% tabs %}
+{% highlight js tabtitle="Standalone" %}
+{% raw %}
 import * as React from 'react';
 import * as ReactDOM from 'react-dom/client';
 import {
@@ -257,7 +263,9 @@ function App() {
 // Render like your previous example (ensure an element with id="sample" exists in index.html)
 const root = ReactDOM.createRoot(document.getElementById('sample'));
 root.render(<App />);
-```
+{% endraw %}
+{% endhighlight %}
+{% endtabs %}
 
 ---