ตั้งค่าใน .NET Standard / Core

ไฟล์ Startup.cs

ในไฟล์ Startup.cs ของโครงการ .NET Core ที่นี่ จะมีโค้ดกำหนดการตั้งค่า pipeline middleware โดยใช้เมธอด MapWhen เมื่อมีการตรวจสอบว่าพาธของคำขอที่เข้ามาจบด้วย DocImage.axd แล้วจะเรียกใช้ UseDoconut โดยส่งอ็อบเจ็กต์ DoconutOptions เป็นอาร์กิวเมนต์

Startup.cs

app.MapWhen(
    context => context.Request.Path.ToString().EndsWith("DocImage.axd"),
    appBranch =>
    {
        appBranch.UseDoconut(new DoconutOptions { UnSafeMode = false, ShowDoconutInfo = false });
    }
);

เพิ่ม Namespaces ของ Doconut

ในโครงการของคุณ ให้เพิ่มคำสั่ง using ดังต่อไปนี้:

Usings

using Doconut;
using Doconut.Configs;
using Doconut.Formats;
using Doconut.Clouds;

สร้างอ็อบเจ็กต์ Viewer

บรรทัดนี้สร้างอินสแตนซ์ใหม่ของคลาส Viewer เพื่อให้คุณสามารถสร้างอ็อบเจ็กต์ viewer ภายในโค้ดของคุณ

Instantiation

var docViewer = new Viewer(_cache, _accessor, licenseFilePath);

ตั้งค่า DocOptions

ตัวอย่างการเริ่มต้นอ็อบเจ็กต์ DocOptions ด้วยการกำหนดค่าเฉพาะ:

DocOptions

var documentOptions = new DocOptions
{
    Password = "",
    ImageResolution = 200,
    TimeOut = 30
};

ตั้งค่า config

กำหนดค่าอ็อบเจ็กต์ PdfConfig สำหรับการจัดการไฟล์ PDF:

PdfConfig

var config = new PdfConfig { DefaultRender = true, ExtractHyperlinks = true };

เปิดเอกสารของคุณ

บรรทัดนี้เรียกใช้เมธอด OpenDocument ของอ็อบเจ็กต์ viewer โดยส่งพาธของไฟล์เอกสารที่อยู่บนเซิร์ฟเวอร์และอ็อบเจ็กต์ PdfConfig และ DocOptions ที่ได้กำหนดไว้ก่อนหน้านี้เป็นพารามิเตอร์

OpenDocument

var token = docViewer.OpenDocument(pathToFile, config, documentOptions);

เพิ่ม viewer ใน HTML ของคุณ

HTML

<div id="div_ctlDoc"></div>

เพิ่มไฟล์ CSS และ JavaScript

เพิ่มไฟล์ CSS และ JavaScript ต่อไปนี้ในหน้าเว็บ ไฟล์เหล่านี้รวมอยู่ในไฟล์ ZIP พร้อมตัวอย่างโค้ด

HTML Headers

<link rel="stylesheet" href="css/viewer.css" />

<!-- Main Viewer Related Scripts -->
<script src="scripts/jquery.min.js"></script>
<script src="scripts/docViewer.js"></script>
<script src="scripts/splitter.js"></script>
<script src="scripts/search.js"></script>
<script src="scripts/documentLinks.js"></script>

<!-- Viewer functions -->
<script src="scripts/docViewer.UI.js?v=1"></script>

เพิ่ม License ให้โครงการของคุณ

การตรวจจับไลเซนส์อัตโนมัติ

เพื่อเริ่มต้น docViewer ด้วยการตรวจจับไลเซนส์อัตโนมัติ ให้ใช้บรรทัดต่อไปนี้:

var docViewer = new Viewer(_cache, _accessor);

เพิ่มไลเซนส์เริ่มต้นแบบแมนนวล

คุณสามารถระบุพาธของไฟล์ไลเซนส์เริ่มต้นแบบเดียวเมื่อเริ่มต้น viewer

var licenseFilePath = Path.Combine(_hostingEnvironment.WebRootPath, "path/to/your/license");
var docViewer = new Viewer(_cache, _accessor, licenseFilePath);

เพิ่มไลเซนส์ผ่าน Stream

เมธอดนี้ใช้ overload Viewer.DoconutLicense(Stream licenseStream) เพื่อเพิ่มไลเซนส์โดยใช้สตรีม

using (var licenseStream = new FileStream("path/to/your/license", FileMode.Open))
{
    Viewer.DoconutLicense(licenseStream);
}

เพิ่มไลเซนส์ผ่าน XML Document

เมธอดนี้ใช้ overload Viewer.DoconutLicense(XMLDocument licence) เพื่อเพิ่มไลเซนส์โดยใช้เอกสาร XML

var xmlDoc = new XmlDocument();
xmlDoc.Load("path/to/your/license.xml");
Viewer.DoconutLicense(xmlDoc);

ไลเซนส์เริ่มต้นหลาย Plugin

หากคุณต้องการระบุหลายไลเซนส์ คุณสามารถให้รายการพาธไฟล์แก่การเริ่มต้น viewer

List<string> licenseFilePaths = new List<string>
{
    Path.Combine(_hostingEnvironment.WebRootPath, "Doconut.Viewer.lic"),
    Path.Combine(_hostingEnvironment.WebRootPath, "Doconut.Viewer.Annotation.lic"),
    Path.Combine(_hostingEnvironment.WebRootPath, "Doconut.Viewer.Search.lic")
};
var docViewer = new Viewer(_cache, _accessor, licenseFilePaths);

เพิ่ม Plugin License ผ่าน Stream

เมธอดนี้ใช้ overload Viewer.SetLicensePlugin(Stream pluginLicence) เพื่อเพิ่มไลเซนส์ปลั๊กอินโดยใช้สตรีม

using (var pluginLicenseStream = new FileStream("path/to/your/plugin-license.lic", FileMode.Open))
{
    Viewer.SetLicensePlugin(pluginLicenseStream);
}

เพิ่ม Plugin License ผ่าน XML Document

เมธอดนี้ใช้ overload Viewer.SetLicensePlugin(XMLDocument xmlPluginLicence) เพื่อเพิ่มไลเซนส์ปลั๊กอินโดยใช้เอกสาร XML

var pluginXmlDoc = new XmlDocument();
pluginXmlDoc.Load("path/to/your/plugin-license.xml");
Viewer.SetLicensePlugin(pluginXmlDoc);

แพคเกจ NuGet ที่ต้องการ

เพื่อให้โครงการของคุณเข้ากันได้เต็มที่กับ .NET Core Standard จำเป็นต้องใส่แพคเกจ NuGet เหล่านี้ รายการเรียงตามตัวอักษร

MessagePack - Version 2.5.140
Microsoft.Bcl.AsyncInterfaces - Version 8.0.0
Microsoft.Extensions.Caching.Abstractions - Version 8.0.0
Microsoft.Extensions.Configuration - Version 8.0.0
Microsoft.Extensions.Configuration.Abstractions - Version 8.0.0
Microsoft.Extensions.Configuration.FileExtensions - Version 8.0.0
Microsoft.Extensions.Configuration.Json - Version 8.0.0
Microsoft.Extensions.FileProviders.Abstractions - Version 8.0.0
Microsoft.Extensions.FileProviders.Physical - Version 8.0.0
Microsoft.Extensions.FileSystemGlobbing - Version 8.0.0
Microsoft.Extensions.Primitives - Version 8.0.0
System.Buffers - Version 4.5.1
System.Formats.Asn1 - Version 8.0.0
System.Numerics.Vectors - Version 4.5.0
System.Security.Cryptography.Cng - Version 5.0.0
System.Security.Cryptography.Pkcs - Version 8.0.0
System.Text.Encoding.CodePages - Version 8.0.0
System.Text.Encodings.Web - Version 8.0.0
System.Text.Json - Version 8.0.3
System.Threading.Tasks.Extensions - Version 4.5.4

ตัวเลือกการกำหนดค่าเรนเดอร์

คุณสามารถกำหนดพฤติกรรมการเรนเดอร์ได้โดยใช้ตัวเลือกต่อไปนี้:

CadConfig: ใช้สำหรับไฟล์ DWG, DXF, และ DGN
EmailConfig: ใช้สำหรับไฟล์ EML, EMLX, และ MSG
EpubConfig: ใช้สำหรับไฟล์ EPUB
ExcelConfig: ใช้สำหรับไฟล์ Excel และ CSV
MhtConfig: ใช้สำหรับไฟล์ MHT
PptConfig: ใช้สำหรับไฟล์ PowerPoint
ProjectConfig: ใช้สำหรับไฟล์ MPP
PsdConfig: ใช้สำหรับไฟล์ PSD
TxtConfig: ใช้สำหรับไฟล์ TXT
TiffConfig: ใช้สำหรับไฟล์ TIFF

การกำหนดค่า Render Options

ตัวเลือกการเรนเดอร์กำหนดค่าผ่าน property DefaultRender:

DefaultRender = true : ตัวเลือกนี้ให้คุณภาพการเรนเดอร์ที่สูงกว่าแต่ใช้หน่วยความจำและเวลาในการประมวลผลเซิร์ฟเวอร์มากขึ้น
DefaultRender = false : ตัวเลือกนี้ให้การเรนเดอร์ที่รวดเร็วกว่าโดยอาจลดคุณภาพลงเล็กน้อย

วิธีการเพิ่ม Image Annotation

ใน C#

1. เปิดเอกสารและรับขนาดของหน้าแรก 2. เริ่มต้น AnnotationManager ด้วยขนาดหน้า 3. สร้าง ImageAnnotation กำหนดเส้นทางของรูปใน imgUrl และระบุตำแหน่งและขนาดใน Rectangle 4. เพิ่ม annotation เข้า manager และโหลดเข้า document viewer เพื่อแสดง

var token = docViewer.OpenDocument(pathToFile, config, documentOptions);

var firstPage = docViewer.GetThumbnailDimensions(1, 0, 100, false);
var pageWidth = firstPage.Width;
var pageHeight = firstPage.Height;

using (var annMgr = docViewer.GetAnnotationManager(pageWidth, pageHeight))
{
    string imgUrl = "img/sample.png";
    var imgAnn = new ImageAnnotation(
        1,
        new Rectangle(600, 700, 750, 300),
        imgUrl
    );

    annMgr.Add(imgAnn);
    docViewer.LoadAnnotationXML(annMgr.GetAnnotationXml());
}

ใน JavaScript

1. ตรวจสอบให้แน่ใจว่า YourController มีอยู่ 2. สร้าง ImageAnnotation ใหม่โดยกำหนดเส้นทางของรูปด้วย SetNote 3. เพิ่มและวาด annotation เพื่อให้แสดงบนเอกสาร

JavaScript

function ImageStamp() {
    if (null != objctlDoc.YourController()) {
        var objStampImage = new ImageAnnotation({ left: 200, top: 200, width: 260, height: 55 });
        objctlDoc.YourController().AddAnnotation(null, objStampImage, null);

        objStampImage.SetNote('/images/Approved_Stamp.png');
        objStampImage.Paint();
    }
}

ฟอนต์แบบกำหนดเองในเอกสาร Word

คุณสมบัติ FontFolders ในคลาส WordConfig ระบุไดเรกทอรีที่กำหนดเองที่แอปพลิเคชันจะค้นหาเพื่อใช้ฟอนต์ ซึ่งเป็นประโยชน์สำหรับการประมวลผลเอกสาร Word ที่อาศัยฟอนต์ที่ไม่ได้ติดตั้งในไดเรกทอรีฟอนต์เริ่มต้นของระบบ

Usage

var config = new WordConfig
{
    FontFolders = new string[] { "C:\\CustomFonts", "D:\\SharedFonts" }
};

อัปเดตสำคัญสำหรับ Doconut 25.2.0

ควรอัปเดตแพคเกจ System.Text.Json เป็นเวอร์ชัน 8.0.5 ในทุกโครงการของคุณ เพื่อให้เข้ากันได้กับฟีเจอร์ล่าสุดและเพื่อแก้ไขปัญหาด้านความปลอดภัยสำคัญ

การเข้ารหัส Email

คุณสมบัติ EmailEncoding ในคลาส EmailConfig ระบุการเข้ารหัสที่ต้องการสำหรับหัวเรื่องและเนื้อหาของอีเมล

Usage

var emailConfig = new EmailConfig {
    EmailEncoding = Encoding.UTF8 // Set preferred email encoding
};

การเข้ารหัสหัวเรื่อง & เนื้อหา

คุณสมบัติ SubjectEncoding และ BodyEncoding ในคลาส EmailConfig กำหนดการเข้ารหัสที่ใช้สำหรับหัวเรื่องและเนื้อหาของอีเมลตามลำดับ

Usage

var emailConfig = new EmailConfig {
    SubjectEncoding = Encoding.UTF8, // Set encoding for the subject
    BodyEncoding = Encoding.UTF8     // Set encoding for the body
};

การสนับสนุน Culture ใน Word Viewer

คุณสมบัติ DocumentCulture ในคลาส WordConfig ให้คุณระบุ culture สำหรับไฟล์ DOC และ DOCX อย่างชัดเจน ซึ่งช่วยให้การแสดงผลเช่น วันที่ สกุลเงิน และตัวเลข แสดงผลได้เหมือนใน Microsoft Word โดยเฉพาะสำหรับภาษาที่มีรูปแบบเฉพาะ

Usage

var config = new WordConfig { DocumentCulture = "he-IL" }; // Hebrew (Israel)
var config = new WordConfig { DocumentCulture = "ar-SA" }; // Arabic (Saudi Arabia)
var config = new WordConfig { DocumentCulture = "th-TH" }; // Thai (Thailand)
var config = new WordConfig { DocumentCulture = "ja-JP" }; // Japanese (Japan)

ดาวน์โหลดไฟล์ CSS และ JS ที่ต้องใช้

เพื่อให้ Doconut ทำงานอย่างถูกต้อง คุณต้องแนบไฟล์ CSS และ JS เฉพาะในโครงการของคุณ คุณสามารถดาวน์โหลดไฟล์ ZIP ที่มีไฟล์ทั้งหมดได้จากลิงก์ด้านล่าง:

ดาวน์โหลดไฟล์ JS และ CSS ของ Doconut