VB.NET PDF: How to HTML5 Viewer & Editor PDF Create PDF Export File & Page Process PDF Read PDF Write Form Process Document Protect Annotation & Drawing PDF Print WPF Viewer & Editor Work with Other SDKs Barcode Read Barcode Create OCR Twain
On ASP.NET MVC
  |  
Home ›› XDoc.PDF ›› VB.NET PDF: HTML5 PDF Viewer& Editor On ASP.NET MVC

VB.NET PDF HTML5 PDF Viewer & Editor SDK - Deployment on ASP.NET MVC


How to Integrate VB .NET HTML5 PDF Viewer or HTML5 PDF Editor to ASP.NET MVC



Look for HTML5 PDF Editor?

EdgePDF: ASP.NET PDF Editor is the best HTML5 PDF Editor and ASP.NET PDF Viewer based on XDoc.PDF, JQuery, HTML5. It supports ASP.NET MVC and WebForms projects.



There are two ways for using HTML5 PDF Viewer and HTML5 PDF Editor on ASP.NET MVCs application. One is to run RasterEdge_MVC3 Project directly, another is to integrate HTML5 PDF Viewer or Editor to a new ASP.NET MVC application. Following steps will guide you how to create a new ASP.NET MVC3 application and add RasterEdge HTML5 Viewer or Editor to it.


Please note: In order to reduce the size of SDK package, all dlls are put into RasterEdge.DocImagSDK/Bin directory.




Create a New ASP.NET MVC3 Application in Microsoft Visual Studio



Open Microsoft VisualStudio, select "New Project".


Click Visual Basic, select "ASP,NET MVC 4 Web Application" and enter a Name such as "MyMVCApplication", and click OK.  (as shown in picture)





After ASP.NET MVC3 application created, there are two View engine choices: ASPX and Razor, please choose ASPX here.


Successfully created interface is as follows:





Open Global asax.cs, you can find the functions shown below.




Creating a Home folder under Views according to config in picture above. Right-click Home and select "Add New Item", pop-up box as follows, select MVC 4 View Page (ASPX) and rename it. Page name should be consistent with that in path info in figure above.





Add Controller to Index page and name it. Controller name should also be same with that in path info.




Integrate RasterEdge HTML5 PDF Viewer & Editor to ASP.NET MVC Application



Right-click your project, select "Add Reference...", add related dlls listed below:


  RasterEdge.Imaging.Annotation.dll


  RasterEdge.Imaging.Basic.Codec.dll


  RasterEdge.Imaging.Basic.dll


  RasterEdge.Imaging.DICOM.dll


  RasterEdge.Imaging.Drawing.dll


  RasterEdge.Imaging.Font.dll


  RasterEdge.Imaging.JBIG2.dll


  RasterEdge.Imaging.JPEG2000.dll


  RasterEdge.Imaging.Processing.dll


  RasterEdge.Imaging.SVG.dll


  RasterEdge.XDoc.Excel.dll


  RasterEdge.XDoc.PDF.HTML5Viewer.dll ( for HTML5 PDF Viewer deployment)


  RasterEdge.XDoc.PDF.HTML5Editor.dll ( for HTML5 PDF Viewer deployment)


  RasterEdge.XDoc.Office.Inner.Common.dll


  RasterEdge.XDoc.Office.Inner.Office03.dll


  RasterEdge.XDoc.PDF.dll


  RasterEdge.XDoc.PowerPoint.dll


  RasterEdge.XDoc.TIFF.dll


  RasterEdge.XDoc.Word.dll


  RasterEdge.XImage.Raster.Core.dll


  RasterEdge.XImage.Raster.dll


Right click MyMVCApplication and select "properties". Set platform target in Build (as shown below). If you use x86 dlls, please choose x86 platform here, or select x64 if you use x64 dlls.





When you select x64 and directly run the application, you may get following error. Please try to deploy HTML5 Viewer in IIS.





Open RasterEdge_MVC3 DemoProject, copy following content to your project:


  Index.aspx


  HomeController.cs


  Global.asax.cs


  RasterEdge_Resource_Files Folder


  RasterEdge_Demo_Docs Folder


  RasterEdge_Cache Folder


  Global.asax.cs


Note: Namespaces in HomeController.cs and Global.asax.cs should be same with the default namespace in application.


Add log.txt to project, it's mainly for recording exceptions occurred when application running.


Web.Config Setting.


  Add following <appSettings> node to your application. (The application cannot to work without this node.)




    <appSettings>
        <add key="cacheFolder" value="RasterEdge_Cache"/>
        <add key="resourceFolder" value="RasterEdge_Resource_Files"/>
    </appSettings>




  Add node <system.web.extensions>, maxJsonLength can be changed as needed.




    <system.web.extensions>
        <scripting>
            <webServices>
                <jsonSerialization maxJsonLength="50000000">
                </jsonSerialization>
            </webServices>
        </scripting>
    </system.web.extensions>




  Add <system.webServer> node.


You’d better to: 1. Set allowDoubleEscaping as “ture”, otherwise some requests cannot response successfully. 2. Add fill extension such as .woff, it’s mainly to insure .woff font can response and display correctly.




    <system.webServer>
        <validation validateIntegratedModeConfiguration="false"/>
        <security>
            <requestFiltering allowDoubleEscaping="true">
                <requestLimits maxAllowedContentLength="41943040"/>
            </requestFiltering>
        </security>
        <staticContent>
            <remove fileExtension=".js"/>
            <remove fileExtension=".svg"/>
            <remove fileExtension=".woff"/>
            <mimeMap fileExtension=".woff" mimeType="application/x-font-woff"/>
            <mimeMap fileExtension=".svg" mimeType="image/svg+xml"/>
            <mimeMap fileExtension=".ttc" mimeType="application/x-font-ttc"/>
            <mimeMap fileExtension=".js" mimeType="application/x-javascript"/>
        </staticContent>
        <urlCompression doStaticCompression="true" doDynamicCompression="true"/>
    </system.webServer>




Press F5, interface run as follows.