1010807: Resolving CI issues

Author: VenkadaSubramanian-Durai

Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/nextjs-getting-started.md

@@ -1,14 +1,14 @@
 ---
 layout: post
 title: React getting started with Next.js | Syncfusion
-description: Check out and learn here all about how to use the Syncfusion React UI components in the Next.js project.
+description: Check out and learn here all about how to use the Syncfusion React PDF Viewer in the Next.js project.
 control: PDF Viewer
 platform: document-processing
 documentation: ug
 domainurl: ##DomainURL##
 ---
 
-# Creating a Next.js application using Syncfusion<sup style="font-size:70%">&reg;</sup> React components
+# Creating a Next.js application using Syncfusion React PDF Viewer
 
 This guide shows how to set up a Next.js application and integrate the Syncfusion<sup style="font-size:70%">&reg;</sup> React PDF Viewer component.
 
@@ -45,11 +45,11 @@ yarn create next-app
 
 Using one of the above commands will prompt for project configuration options.
 
-1. Define the project name. For example: `ej2-nextjs-pdfviewer`.
+1. Define the project name. For example: `ej2-next-js-pdfviewer`.
 {% tabs %}
 {% highlight bash tabtitle="CMD" %}
 
-√ What is your project named? » ej2-nextjs-pdfviewer
+√ What is your project named? » ej2-next-js-pdfviewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -58,14 +58,14 @@ Using one of the above commands will prompt for project configuration options.
 {% tabs %}
 {% highlight bash tabtitle="CMD" %}
 
-√ What is your project named? ... ej2-nextjs-pdfviewer
+√ What is your project named? ... ej2-next-js-pdfviewer
 √ Would you like to use TypeScript? ... No / `Yes`
 √ Would you like to use ESLint? ... No / `Yes`
 √ Would you like to use Tailwind CSS? ... `No` / Yes
 √ Would you like to use `src/` directory? ... No / `Yes`
 √ Would you like to use App Router? (recommended) ... No / `Yes`
 √ Would you like to customize the default import alias? ... `No`/ Yes
-Creating a new Next.js app in D:\ej2-nextjs-pdfviewer.
+Creating a new Next.js app in D:\ej2-next-js-pdfviewer.
 
 {% endhighlight %}
 {% endtabs %}
@@ -74,7 +74,7 @@ Creating a new Next.js app in D:\ej2-nextjs-pdfviewer.
 {% tabs %}
 {% highlight bash tabtitle="CMD" %}
 
-cd ej2-nextjs-pdfviewer
+cd ej2-next-js-pdfviewer
 
 {% endhighlight %}
 {% endtabs %}
@@ -124,7 +124,7 @@ Syncfusion<sup style="font-size:70%">&reg;</sup> React components include built-
 {% endhighlight %}
 {% endtabs %}
 
-N> To learn more about built-in themes and CSS references for individual components, see the [themes](https://ej2.syncfusion.com/react/documentation/appearance/theme/) documentation.
+N> To learn more about built-in themes and CSS references for individual components, see the [themes](https://ej2.syncfusion.com/react/documentation/appearance/theme) documentation.
 
 ## Add the Syncfusion<sup style="font-size:70%">&reg;</sup> React component
 

Document-Processing/PDF/PDF-Viewer/react/depoyment-integration/preact.md

@@ -1,7 +1,7 @@
 ---
 layout: post
-title: Getting started with Syncfusion React PDF Viewer in Preact
-description: Short overview and task links for using the Syncfusion React PDF Viewer with Preact.
+title: Getting started with Syncfusion React PDF Viewer in Preact Application
+description: Provides a short overview and essential task links for integrating and using the Syncfusion React PDF Viewer within Preact.
 control: PDF Viewer
 platform: document-processing
 documentation: ug
@@ -46,7 +46,7 @@ Note: keep import order consistent with component dependencies.
 
 ## Add component
 
-How‑to: Render a minimal `PdfViewerComponent` in `src/index.jsx`.
+How‑to: Render a minimal `PdfViewerComponent` in `src/index.js`.
 
 Prefer a single `Add component` example using the CDN `resourceUrl` (no server required). Replace the CDN version as needed.
 

Document-Processing/PDF/PDF-Viewer/react/save-pdf-files.md

@@ -8,7 +8,7 @@ documentation: ug
 domainurl: ##DomainURL##
 ---
 
-## Saving PDF files
+# Saving PDF files
 
 After editing a PDF with annotation tools, you can save the updated file to a server, a database, or download it locally. The following sections show common approaches.
 
@@ -71,8 +71,7 @@ public IActionResult Download([FromBody] Dictionary<string, string> jsonObject)
 
 Set the `serviceUrl` to point to your web service (for example, replace `https://localhost:44396/pdfviewer` with your server URL). Also set `documentPath` to the document URL you want to load.
 
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
+```tsx
 import * as ReactDOM from 'react-dom';
 import * as React from 'react';
 import { PdfViewerComponent, Toolbar, Magnification, Navigation, LinkAnnotation, BookmarkView, ThumbnailView,
@@ -98,17 +97,15 @@ function App() {
 }
 const root = ReactDOM.createRoot(document.getElementById('sample'));
 root.render(<App />);
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
+```
 
 [View sample in GitHub](https://github.com/SyncfusionExamples/react-pdf-viewer-examples/tree/master/Save%20and%20Load/Save%20PDF%20file%20to%20server)
 
 ## Download PDF file as a copy
 
 The built-in toolbar includes a download option that saves the updated PDF to the user's local file system. You can also trigger the same behavior programmatically by calling the viewer's [`download()`](https://ej2.syncfusion.com/react/documentation/api/pdfviewer/index-default#download) API.
 
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
+```tsx
 import * as ReactDOM from 'react-dom/client';
 import * as React from 'react';
 import './index.css';
@@ -142,8 +139,7 @@ return (<div>
 }
 const root = ReactDOM.createRoot(document.getElementById('sample'));
 root.render(<App />);
-{% tabs %}
-{% highlight js tabtitle="index.js" %}
+```
 
 ## Save modified PDF to a database