Tampilkan Dokumen Word di Halaman HTML menggunakan PHP.

Kami dapat dengan mudah merender file DOC atau DOCX di halaman web HTML secara terprogram di cloud. Ini dapat berguna dalam melihat dokumen Word di browser apa pun tanpa membagikan file aslinya. Pada artikel ini, kita akan mempelajari cara menampilkan dokumen Word di halaman HTML menggunakan REST API di PHP.

Topik-topik berikut akan dibahas dalam artikel ini:

Word to HTML Viewer REST API dan PHP SDK

Untuk merender dokumen Word dalam HTML, kami akan menggunakan PHP SDK of GroupDocs.Viewer Cloud API. Ini memungkinkan rendering dan tampilan format file dokumen dan gambar yang didukung secara terprogram. Silakan instal menggunakan perintah berikut di konsol:

composer require groupdocscloud/groupdocs-viewer-cloud

Setelah penginstalan, harap gunakan autoload Komposer untuk menggunakan SDK seperti yang ditunjukkan di bawah ini:

require_once('vendor/autoload.php');

Harap dapatkan ID dan Rahasia Klien Anda dari dasbor sebelum mengikuti langkah-langkah yang disebutkan. Setelah Anda memiliki ID dan rahasia Anda, tambahkan kode seperti yang ditunjukkan di bawah ini:

// Contoh kode ini menunjukkan cara menambahkan ID dan Rahasia klien dalam kode.
static $ClientId = '659fe7da-715b-4744-a0f7-cf469a392b73';
static $ClientSecret = 'b377c36cfa28fa69960ebac6b6e36421';

static $ApiBaseUrl = 'https://api.groupdocs.cloud';
static $MyStorage = '';

// Menginisialisasi konfigurasi
$configuration = new GroupDocs\Viewer\Configuration();

// Mengatur konfigurasi
$configuration->setAppSid(self::$ClientId);
$configuration->setAppKey(self::$ClientSecret);
$configuration->setApiBaseUrl(self::$ApiBaseUrl);

Tampilkan Dokumen Word di Halaman HTML menggunakan REST API di PHP

Kami dapat menampilkan konten dokumen Word dalam HTML dengan mengikuti langkah-langkah sederhana yang diberikan di bawah ini:

  1. Unggah file DOCX ke cloud
  2. Tampilkan Dokumen Word di Halaman HTML
  3. Unduh file yang dirender

Unggah Dokumen

Pertama, kami akan mengunggah file DOCX ke cloud menggunakan contoh kode yang diberikan di bawah ini:

// Contoh kode ini menunjukkan cara mengunggah file DOCX ke cloud.
// Inisialisasi api
$apiInstance = new GroupDocs\Viewer\FileApi($configuration);

// Jalur file masukan
$file = "C:\\Files\\Viewer\\input.docx";

// Unggah permintaan file
$request = new GroupDocs\Viewer\Model\Requests\uploadFileRequest("input.docx", $file);

// Unggah data
$response = $apiInstance->uploadFile($request);

Akibatnya, file yang diunggah akan tersedia di bagian file dasbor di cloud.

Tampilkan Dokumen Word di Halaman HTML menggunakan PHP

Sekarang, kami akan merender atau menampilkan konten dokumen Word yang diunggah di halaman HTML dengan mengikuti langkah-langkah di bawah ini:

  1. Pertama, buat instance dari ViewAPI.
  2. Selanjutnya, buat instance dari ViewOptions.
  3. Kemudian, berikan path file input.
  4. Juga, atur ViewFormat sebagai “HTML”.
  5. Selanjutnya, inisialisasi objek HtmlOptions.
  6. Kemudian, atur berbagai properti seperti IsResponsive, ForPrinting, dll.
  7. Setelah itu, buat CreateViewRequest dengan ViewOptions sebagai argumen.
  8. Terakhir, render Word ke HTML menggunakan metode createView().

Contoh kode berikut menunjukkan cara menampilkan file Word dalam HTML menggunakan REST API di PHP.

// Contoh kode ini menunjukkan cara merender DOCX ke HTML.
// Inisialisasi api
$apiInstance = new GroupDocs\Viewer\ViewApi($configuration);

// Tentukan ViewOptions
$viewOptions = new Model\ViewOptions();

// Jalur file masukan
$fileInfo = new Model\FileInfo();
$fileInfo->setFilePath("input.docx");	
$viewOptions->setFileInfo($fileInfo);

// Atur Format Tampilan
$viewOptions->setViewFormat(Model\ViewOptions::VIEW_FORMAT_HTML);

// Tentukan opsi HTML
$renderOptions = new Model\HtmlOptions();

// Atur agar responsif
$renderOptions->setIsResponsive(true);

// Atur untuk dicetak
$renderOptions->setForPrinting(true);

// Tetapkan opsi render
$viewOptions->setRenderOptions($renderOptions);

// Buat permintaan tampilan
$request = new Requests\CreateViewRequest($viewOptions);

// Buat tampilan
$response = $apiInstance->createView($request);

// Selesai
echo "HtmlViewerResponsiveLayout completed: ", count($response->getPages());
echo "\n";
Tampilkan Dokumen Word di Halaman HTML menggunakan REST API di PHP

Tampilkan Dokumen Word di Halaman HTML menggunakan REST API di PHP.

Kami dapat menyesuaikan rendering Word ke HTML dengan menerapkan opsi berikut:

  • Render rentang halaman tertentu
// Pass specific range of page numbers to render. 
// This will render all pages from starting from page 1 to 3.
$renderOptions->setStartPageNumber(1);
$renderOptions->setCountPagesToRender(3);
  • Render halaman yang dipilih saja
// Pass specific page numbers to render. 
// This will render only page number 1 and 3.
$renderOptions->setPagesToRender([1, 3]);
  • Lihat halaman dalam urutan tertentu
// Pass page numbers in the order you want to render them
$renderOptions->setPagesToRender([2, 1]);
  • Render dokumen dengan komentar
$renderOptions->setRenderComments(true);

Unduh Halaman HTML

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

// Contoh kode ini menunjukkan cara mengunduh halaman HTML yang dirender dari cloud.
$fileApi = new GroupDocs\Viewer\FileApi($configuration);

// Dapatkan semua halaman
$pages = $response->getPages();

// Simpan halaman satu per satu
foreach ($pages as $page)
{
    // Buat permintaan file unduhan
    $downloadFileRequest = new GroupDocs\Viewer\Model\Requests\DownloadFileRequest($page->getPath(), "");

    // Unduh berkas
    $file = $fileApi->DownloadFile($downloadFileRequest);
    echo "$page downloaded!";
    echo "\n"; 
}

Sematkan Dokumen Word ke Halaman HTML yang Ada

Kami juga dapat menyematkan Dokumen Word ke halaman HTML yang ada dengan mengikuti langkah-langkah berikut:

  1. Pertama, buat instance dari ViewAPI dan FileAPI.
  2. Selanjutnya, buat instance dari ViewOptions.
  3. Kemudian, berikan path file input.
  4. Juga, atur ViewFormat sebagai “HTML”.
  5. Selanjutnya, inisialisasi objek HtmlOptions.
  6. Kemudian, atur berbagai properti seperti IsResponsive, ForPrinting, dll.
  7. Setelah itu, buat CreateViewRequest dengan ViewOptions sebagai argumen.
  8. Kemudian, render Word ke HTML menggunakan metode createView().
  9. Selanjutnya, Muat file HTML yang ada dan dapatkan elemen body tag
  10. Kemudian, baca HTML setiap halaman dan tambahkan ke tag body
  11. Setelah itu, simpan hasil update HTML menggunakan metode saveHTML().
  12. Terakhir, simpan file HTML menggunakan metode file\put\contents().

Contoh kode berikut menunjukkan cara menyematkan dokumen Word ke halaman HTML yang ada menggunakan REST API di PHP.

// Contoh kode ini menunjukkan cara merender DOCX ke HTML.
// Inisialisasi api
$apiInstance = new GroupDocs\Viewer\ViewApi($configuration);
$fileApi = new GroupDocs\Viewer\FileApi($configuration);

// Tentukan ViewOptions
$viewOptions = new Model\ViewOptions();

// Jalur file masukan
$fileInfo = new Model\FileInfo();
$fileInfo->setFilePath("input.docx");	
$viewOptions->setFileInfo($fileInfo);

// Atur Format Tampilan
$viewOptions->setViewFormat(Model\ViewOptions::VIEW_FORMAT_HTML);

// Tentukan opsi HTML
$renderOptions = new Model\HtmlOptions();

// Atur agar responsif
$renderOptions->setIsResponsive(true);

// Atur untuk dicetak
$renderOptions->setForPrinting(true);

// Tetapkan opsi render
$viewOptions->setRenderOptions($renderOptions);

// Buat permintaan tampilan
$request = new Requests\CreateViewRequest($viewOptions);

// Buat tampilan
$response = $apiInstance->createView($request);

// Muat file HTML yang ada
$domDoc = new DOMDocument();
$domDoc->loadHTMLFile("C:\Files\Viewer\Sample.html");
$body = $domDoc->GetElementsByTagName('body')->item(0);

// Dapatkan halaman
$pages = $response->getPages();

// Sematkan semua halaman HTML yang dirender ke dalam tag tubuh HTML yang ada
foreach ($pages as $page)
{
    // Buat permintaan file unduhan
    $downloadFileRequest = new GroupDocs\Viewer\Model\Requests\DownloadFileRequest($page->getPath(), "");

    // Unduh halaman yang dikonversi
    $file = $fileApi->DownloadFile($downloadFileRequest);

    // Baca HTML dari file unduhan
    $html = file_get_contents($file->getRealPath());

    //Tambahkan konten ke fragmen
    $fragment = $domDoc->createDocumentFragment();
    $fragment->appendXML("<div>$html</div>");

    // Tambahkan elemen ke tubuh
    $body->appendChild($fragment);
}

// Simpan HTML yang diperbarui
$output = $domDoc->saveHTML();

// Simpan file
file_put_contents("C:\Files\Viewer\Sample.html", $output);
Sematkan-Word-Dokumen-ke-Laman-HTML-yang Ada

Sematkan Dokumen Word ke Halaman HTML yang Ada.

Tampilkan Dokumen Word dalam HTML dengan Watermark menggunakan PHP

Kami dapat menambahkan teks tanda air sambil merender dokumen Word ke halaman HTML secara terprogram dengan mengikuti langkah-langkah berikut:

  1. Pertama, buat instance dari ViewAPI.
  2. Selanjutnya, buat instance dari ViewOptions.
  3. Kemudian, berikan path file input.
  4. Juga, atur ViewFormat sebagai “HTML”.
  5. Selanjutnya, buat dan tetapkan instance Watermark.
  6. Kemudian, atur ukuran dan teks tanda air.
  7. Setelah itu, buat CreateViewRequest dengan ViewOptions sebagai argumen.
  8. Terakhir, render Word ke HTML menggunakan metode createView().

Contoh kode berikut menunjukkan cara menampilkan dokumen Word dalam HTML dengan watermark menggunakan REST API di PHP.

// Contoh kode ini menunjukkan cara merender Word dalam HTML dengan Watermark.
// Inisialisasi api
$apiInstance = new GroupDocs\Viewer\ViewApi($configuration);

// Tentukan ViewOptions
$viewOptions = new Model\ViewOptions();

// Jalur file masukan
$fileInfo = new Model\FileInfo();
$fileInfo->setFilePath("input.docx");				
$viewOptions->setFileInfo($fileInfo);

// Atur Format Tampilan
$viewOptions->setViewFormat(Model\ViewOptions::VIEW_FORMAT_HTML);

// Tentukan Tanda Air
$watermark = new Model\Watermark();
$watermark->setText("This is sample text watermark!");
$watermark->setSize(100);
$watermark->setColor("Red");
$viewOptions->setWatermark($watermark);

// Buat permintaan tampilan
$request = new Requests\CreateViewRequest($viewOptions);

// Buat tampilan
$response = $apiInstance->createView($request);

// Selesai
echo "AddWatermark completed: ", count($response->getPages());
echo "\n";
Tampilkan Dokumen Word dalam HTML dengan Watermark menggunakan PHP.

Tampilkan Dokumen Word dalam HTML dengan Watermark menggunakan PHP.

Coba Daring

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

Kesimpulan

Dalam artikel ini, kita telah mempelajari cara:

  • lihat dokumen Word di halaman web HTML yang didukung browser menggunakan PHP;
  • sesuaikan rendering Word ke HTML;
  • sematkan dokumen Word ke halaman web HTML yang ada;
  • melihat konten file Word dalam HTML dengan tanda air;
  • unggah file DOCX secara terprogram ke cloud;
  • unduh file HTML yang dirender dari cloud.

Selain itu, 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