From 70c7705f89b163e7e73aab044606b595d8cee88f Mon Sep 17 00:00:00 2001 From: Sharly-Atieno <95272441+Sharly-Atieno@users.noreply.github.com> Date: Fri, 17 Nov 2023 10:10:37 +0300 Subject: [PATCH 1/4] SEO-177658 - PDF Viewer To HTML --- js/PdfViewer/Getting-Started.md | 16 ++++++++-------- ...javascript-pdf-viewer-create-html-page.jpeg} | Bin .../javascript-pdf-viewer-display-sample.png} | Bin .../javascript-pdf-viewer-getting-started.jpeg} | Bin ...vascript-pdf-viewer-web-api-controller.jpeg} | Bin .../javascript-pdf-viewer-web-api-routing.jpeg} | Bin 6 files changed, 8 insertions(+), 8 deletions(-) rename js/PdfViewer/{Getting-Started_images/Getting-Started_img2.jpeg => getting-started_images/javascript-pdf-viewer-create-html-page.jpeg} (100%) rename js/PdfViewer/{Getting-Started_images/Getting-Started_img5.png => getting-started_images/javascript-pdf-viewer-display-sample.png} (100%) rename js/PdfViewer/{Getting-Started_images/Getting-Started_img1.jpeg => getting-started_images/javascript-pdf-viewer-getting-started.jpeg} (100%) rename js/PdfViewer/{Getting-Started_images/Getting-Started_img3.jpeg => getting-started_images/javascript-pdf-viewer-web-api-controller.jpeg} (100%) rename js/PdfViewer/{Getting-Started_images/Getting-Started_img4.jpeg => getting-started_images/javascript-pdf-viewer-web-api-routing.jpeg} (100%) diff --git a/js/PdfViewer/Getting-Started.md b/js/PdfViewer/Getting-Started.md index 9d020a2a5..f5ed4e30d 100644 --- a/js/PdfViewer/Getting-Started.md +++ b/js/PdfViewer/Getting-Started.md @@ -1,7 +1,7 @@ --- layout: post -title: Getting started with JavaScript PDF viewer Control | Syncfusion -description: Learn here about getting started with Syncfusion Essential Studio JavaScript PDF viewer control, its elements, and more. +title: Getting Started with JavaScript PDF Viewer Control | Syncfusion +description: Learn here about getting started with Syncfusion Essential Studio JavaScript PDF Viewer control, its elements, and more. platform: js control: PDF viewer documentation: ug @@ -9,7 +9,7 @@ keywords: ejPdfViewer, PDF Viewer api: /api/js/ejpdfviewer --- -# Getting Started with Javascript PDF viewer +# Getting Started with JavaScript PDF Viewer This section explains how to create the PDF viewer in your web application using JavaScript. @@ -17,13 +17,13 @@ This section explains how to create the PDF viewer in your web application using Create a new project in the Visual Studio by selecting the ASP.NET Empty Web Application template. The following screenshot displays the Project Creation Wizard in Visual Studio 2012. - + **Create HTML Page** Right-click the project and select New Item option from the ‘Add’ menu to add a HTML page to the application. Name the page as **Default.html** and click OK. - + ### Add References, Scripts, Styles @@ -402,7 +402,7 @@ Add the following code in the
tag in the Default.html page. Here, the PDF The PDF viewer uses Web API services to process the PDF file. Right-Click the Project, select Add and Web API Controller Class from the listed templates. Rename it as **PdfViewerAPIController.cs**. - + N> While adding WebAPI Controller Class, name it with the suffix “Controller” that is mandatory. For example, in the demo the controller is named as “PdfViewerAPIController”. @@ -465,7 +465,7 @@ N> Create a folder named Data in the project location and add the PDF document t Right-Click the Project, select Add and Global.asax file from the listed templates. - + You can route the Web API in the Application_Start event into Global.asax file as follows. @@ -519,7 +519,7 @@ Run the sample application and you can see the PDF Viewer on the page as display