Skip to content

Commit 4f5a017

Browse files
Merge branch 'development' into EJ2-1010807-staging-errors
2 parents b0bebb1 + 28f054a commit 4f5a017

4 files changed

Lines changed: 27 additions & 10 deletions

File tree

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

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -72,6 +72,7 @@ Right-click a selected text region → select **Underline**.
7272
![Underline Context](../../../javascript-es6/annotations/annotation-images/underline-context.gif)
7373

7474
To customize menu items, refer to [**Customize Context Menu**](../../context-menu/custom-context-menu) documentation.
75+
7576
---
7677

7778
### Enable Underline Mode

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

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ If thumbnails or page reordering are not essential:
119119
- Improve navigation responsiveness
120120

121121
#### Example (remove unneccesary modules)
122-
```tsx
122+
```js
123123
<Inject services={[Toolbar, Magnification, Navigation, Print]} />
124124
```
125125

@@ -156,7 +156,9 @@ By default, the viewer uses **sessionStorage** to store interactive session data
156156
- Reduces repeated processing for form/annotation‑heavy pages
157157

158158
#### Enable Local Storage
159-
```tsx
159+
{% tabs %}
160+
{% highlight js tabtitle="Standalone" %}
161+
{% raw %}
160162
<PdfViewerComponent
161163
id="container"
162164
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
166168
>
167169
<Inject services={[Toolbar, Magnification, Navigation, Print, Annotation, FormFields]} />
168170
</PdfViewerComponent>
169-
```
171+
{% endraw %}
172+
{% endhighlight %}
173+
{% endtabs %}
170174

171175
This is highly recommended when working with legal documents, tax forms, interactive applications, or PDFs containing thousands of annotations.
172176

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

Lines changed: 7 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -46,7 +46,7 @@ If you load a password-protected PDF from a URL or through custom logic, the vie
4646

4747
You can directly pass the password in the [`load`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#load) method:
4848

49-
```tsx
49+
```js
5050
viewer.load(
5151
'https://your-api/password-protected.pdf',
5252
'Password'
@@ -65,15 +65,19 @@ This is useful when the password is known beforehand.
6565

6666
If the [`documentPath`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#documentpath) points to a password-protected PDF:
6767

68-
```tsx
68+
{% tabs %}
69+
{% highlight js tabtitle="Standalone" %}
70+
{% raw %}
6971
<PdfViewerComponent
7072
id="container"
7173
//Load URL for Password Protected Document
7274
documentPath="https://cdn.syncfusion.com/content/pdf/pdf-succinctly.pdf"
7375
resourceUrl="https://cdn.syncfusion.com/ej2/31.2.2/dist/ej2-pdfviewer-lib"
7476
style={{ height: '640px' }}
7577
>
76-
```
78+
{% endraw %}
79+
{% endhighlight %}
80+
{% endtabs %}
7781

7882
The viewer will:
7983

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

Lines changed: 12 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -44,7 +44,9 @@ Below is a focused snippet showing:
4444
2) Wiring the **`documentLoad`** event, and
4545
3) Reading basic **document info** and **page count**, then calling **viewer APIs** safely.
4646

47-
```jsx
47+
{% tabs %}
48+
{% highlight js tabtitle="Standalone" %}
49+
{% raw %}
4850
import * as ReactDOM from 'react-dom/client';
4951
import * as React from 'react';
5052
import {
@@ -100,7 +102,9 @@ function App() {
100102

101103
const root = ReactDOM.createRoot(document.getElementById('sample'));
102104
root.render(<App />);
103-
```
105+
{% endraw %}
106+
{% endhighlight %}
107+
{% endtabs %}
104108

105109
**Notes**
106110
- The event name is `documentLoad` (the callback receives load args).
@@ -117,7 +121,9 @@ This example demonstrates a complete flow:
117121
- Extracting **metadata** and **pages**
118122
- Exposing **buttons** to call viewer APIs only after load
119123

120-
```jsx
124+
{% tabs %}
125+
{% highlight js tabtitle="Standalone" %}
126+
{% raw %}
121127
import * as React from 'react';
122128
import * as ReactDOM from 'react-dom/client';
123129
import {
@@ -257,7 +263,9 @@ function App() {
257263
// Render like your previous example (ensure an element with id="sample" exists in index.html)
258264
const root = ReactDOM.createRoot(document.getElementById('sample'));
259265
root.render(<App />);
260-
```
266+
{% endraw %}
267+
{% endhighlight %}
268+
{% endtabs %}
261269

262270
---
263271

0 commit comments

Comments
 (0)