Lihat Dokumen Word sebagai Halaman HTML menggunakan REST API di C#

Sebagai pengembang C#, Anda dapat dengan mudah merender file DOC atau DOCX ke halaman HTML secara terprogram di aplikasi .NET Anda di cloud. Ini dapat berguna dalam membagikan dokumen Word Anda sebagai halaman HTML yang responsif dengan pemangku kepentingan terkait. Pada artikel ini, Anda akan mempelajari cara melihat dokumen Word sebagai halaman HTML menggunakan REST API di C#.

Word to HTML Viewer REST API dan .NET SDK

Untuk merender file DOC atau DOCX ke HTML, saya akan menggunakan .NET SDK dari GroupDocs.Viewer Cloud API. Ini memungkinkan Anda untuk merender dan melihat semua jenis format file dokumen dan gambar secara terprogram seperti Word, Excel, PDF, PowerPoint, Visio, Project, Outlook, JPG, PNG, dll.

Anda dapat menginstal GroupDocs.Viewer Cloud ke proyek Visual Studio Anda dari Package Manager NuGet atau instal menggunakan perintah berikut di konsol Package Manager:

Install-Package GroupDocs.Viewer-Cloud

Dapatkan ID dan Rahasia Klien Anda dari dashboard sebelum Anda mulai mengikuti langkah-langkah dan contoh kode yang tersedia. Setelah Anda memiliki ID klien dan Rahasia, tambahkan kode seperti yang ditunjukkan di bawah ini:

string MyClientId = "112f0f38-9dae-42d5-b4fc-cc84ae644972";
string MyClientSecret = "16ad3fe0bdc39c910f57d2fd48a5d618";
string MyStorage = "";

var configuration = new Configuration(MyClientId, MyClientSecret);

Lihat Dokumen Word sebagai Halaman HTML menggunakan REST API di C#

Anda dapat melihat dokumen Word sebagai halaman HTML di cloud dengan mengikuti langkah-langkah sederhana yang disebutkan di bawah ini:

Unggah Dokumen

Pertama, unggah file DOCX ke cloud menggunakan contoh kode di bawah ini:

// menginisialisasi API
var apiInstance = new FileApi(configuration);

// Buka file di IOStream dari local/disc.
var fileStream = File.Open(@"C:\Files\Sample.docx", FileMode.Open);

// buat permintaan unggah file
var request = new UploadFileRequest("sample.docx", fileStream, MyStorage);

// unggah data
var response = apiInstance.UploadFile(request);

Hasilnya, file DOCX yang diunggah akan tersedia di files section di dasbor Anda.

Render Word ke Halaman HTML menggunakan C#

Anda dapat merender dokumen Word Anda ke halaman HTML secara terprogram dengan mengikuti langkah-langkah di bawah ini:

  • Buat instance dari ViewAPI
  • Buat instance FileInfo
  • Berikan jalur file input
  • Buat instance dari ViewOptions
  • Tetapkan FileInfo ke ViewOptions
  • Tetapkan ViewFormat sebagai “HTML”
  • Buat permintaan tampilan dengan memanggil metode CreateViewRequest dengan ViewOptions
  • Dapatkan respons dengan memanggil metode CreateView() dengan CreateViewRequest

Contoh kode berikut menunjukkan cara merender dokumen Word ke halaman HTML menggunakan REST API di C#.

// menginisialisasi API
var apiInstance = new ViewApi(configuration);

// jalur file masukan
var fileInfo = new GroupDocs.Viewer.Cloud.Sdk.Model.FileInfo();
fileInfo.FilePath = "sample.docx";

// menentukan opsi tampilan
var viewOptions = new ViewOptions();
viewOptions.FileInfo = fileInfo;
viewOptions.ViewFormat = ViewOptions.ViewFormatEnum.HTML;   // output view format

// buat permintaan tampilan
var request = new CreateViewRequest(viewOptions);

// membuat tampilan
var response = apiInstance.CreateView(request);
Lihat Dokumen Word sebagai halaman HTML menggunakan REST API di C#.

Lihat Dokumen Word sebagai halaman HTML menggunakan REST API di C#.

Unduh Halaman HTML yang Dirender

Contoh kode di atas akan menyimpan halaman HTML yang dirender di cloud. Anda dapat mengunduhnya menggunakan contoh kode berikut:

// menginisialisasi API
var fileApi = new FileApi(configuration);

// simpan semua halaman HTML yang dirender
foreach (var page in response.Pages)
{
    // buat permintaan file unduhan
    var downloadFileRequest = new DownloadFileRequest(page.Path, MyStorage);

    // Unduh berkas
    var file = fileApi.DownloadFile(downloadFileRequest);
    
    // simpan file di direktori kerja
    using (var fileStream = System.IO.File.Create("C:\\Files\\" + page.Path))
    {
        file.Seek(0, SeekOrigin.Begin);
        file.CopyTo(fileStream);
    }
}

Render Word ke Halaman HTML dengan Opsi Rendering menggunakan C#

Anda dapat menggunakan opsi rendering khusus untuk merender dokumen Word ke halaman HTML secara terprogram dengan mengikuti langkah-langkah di bawah ini:

  • Buat instance dari ViewAPI
  • Buat instance FileInfo
  • Berikan jalur file input
  • Buat instance dari ViewOptions
  • Tetapkan FileInfo ke ViewOptions
  • Tetapkan ViewFormat sebagai “HTML”
  • Buat instance dari RenderOptions
  • Atur berbagai opsi rendering seperti PagesToRender, RenderComments, dll.
  • Buat permintaan tampilan dengan memanggil metode CreateViewRequest dengan ViewOptions
  • Dapatkan respons dengan memanggil metode CreateView() dengan CreateViewRequest

Contoh kode berikut menunjukkan cara merender dokumen Word ke halaman HTML dengan opsi rendering menggunakan REST API di C#.

// menginisialisasi API
var apiInstance = new ViewApi(configuration);

// jalur file masukan
var fileInfo = new GroupDocs.Viewer.Cloud.Sdk.Model.FileInfo();
fileInfo.FilePath = "sample.docx";

// menentukan opsi tampilan
var viewOptions = new ViewOptions();
viewOptions.FileInfo = fileInfo;
viewOptions.ViewFormat = ViewOptions.ViewFormatEnum.HTML;   // output view format

// menentukan pilihan render
viewOptions.RenderOptions = new RenderOptions
{
    // memberikan komentar
    RenderComments = true,

    // merender rentang halaman tertentu
    StartPageNumber = 1,
    CountPagesToRender = 2,
};

// buat permintaan tampilan
var request = new CreateViewRequest(viewOptions);

// membuat tampilan
var response = apiInstance.CreateView(request);

Rendering Word ke HTML dengan Watermark menggunakan C#

Anda dapat menambahkan teks tanda air saat merender dokumen Word ke HTML secara terprogram dengan mengikuti langkah-langkah berikut:

  • Buat instance dari ViewAPI
  • Buat instance FileInfo
  • Berikan jalur file input
  • Buat instance dari ViewOptions
  • Tetapkan FileInfo ke ViewOptions
  • Tetapkan ViewFormat sebagai “HTML”
  • Tentukan opsi tampilan Watermark
  • Atur teks watermark, ukuran, warna, dan posisi
  • Buat permintaan tampilan dengan memanggil metode CreateViewRequest dengan ViewOptions
  • Dapatkan respons dengan memanggil metode CreateView() dengan CreateViewRequest

Contoh kode berikut menunjukkan cara menambahkan teks watermark ke halaman HTML yang dirender menggunakan REST API di C#.

// menginisialisasi API
var apiInstance = new ViewApi(configuration);

// jalur file masukan
var fileInfo = new GroupDocs.Viewer.Cloud.Sdk.Model.FileInfo();
fileInfo.FilePath = "sample.docx";

// menentukan opsi tampilan
var viewOptions = new ViewOptions();
viewOptions.FileInfo = fileInfo;
viewOptions.ViewFormat = ViewOptions.ViewFormatEnum.HTML;   // output view format

// menentukan tanda air
viewOptions.Watermark = new Watermark
{
    Text = "This is a sample watermark!",
    Size = 100,
    Color = "Red",
    Position = Watermark.PositionEnum.Diagonal
};
          
// buat permintaan tampilan
var request = new CreateViewRequest(viewOptions);

// membuat tampilan
var response = apiInstance.CreateView(request);
Rendering Word ke HTML dengan Tanda Air menggunakan C#.

Rendering Word ke HTML dengan Watermark menggunakan C#.

Coba Daring

Silakan coba alat rendering Word online gratis berikut, yang dikembangkan menggunakan API di atas. https://products.groupdocs.app/viewer/docx

Kesimpulan

Pada artikel ini, Anda telah mempelajari cara melihat dokumen Word sebagai halaman HTML di cloud. Anda juga telah mempelajari cara merender Word ke HTML dengan opsi rendering di C#. Selain itu, Anda telah mempelajari cara menambahkan watermark teks ke halaman HTML yang dirender secara terprogram menggunakan C#. Selain itu, Anda telah mempelajari cara mengunggah file DOCX ke cloud secara terprogram dan kemudian mengunduh file HTML yang dirender dari cloud. Anda dapat mempelajari lebih lanjut tentang GroupDocs.Viewer Cloud API menggunakan dokumentasi. Kami juga menyediakan bagian Referensi API yang memungkinkan Anda memvisualisasikan dan berinteraksi dengan API kami secara langsung melalui browser. Jika ada ambiguitas, jangan ragu untuk menghubungi kami di forum.

Lihat juga