Let us Manage your online marketing

Triharda Web Design, SEO & Digital Marketing

Manage Everything Needed

Let us choose what the best and make profit for your business Get Started
X

Terimakasih

Terimakasih ingin menghubungi kami, silahkan pilih hal yang ingin Anda tanyakan.

TriHarda

Jl. Mujahidin 1 No.112 RT02/RW08, Kreo Selatan Cipadu, Kota Tangerang Banten 15156, Indonesia 0822-3356-6320 & 0813-9891-2341
ads go here

Ini 3 cara untuk menampilkan PDF secara keseluruhan (all pages) kedalam postingan atau page atau situs Wordcodess kita.

3 Cara Menampilkan PDF Kedalam Situs Wordcodess

  1. Iframe
  2. Menggunakan javascript
  3. Menggunakan layanan online converter

1. Menggunakan Iframe

Untuk menampilkan PDF kedalam post menggunakan iframe ikuti contoh code dibawah ini:


<iframe src=”[URL of PDF file]” width=”[width]” height=”[height]”></iframe>

<iframe src=”https://example.com/path/to/document.pdf” width=”600″ height=”800″></iframe>

2. Menggunakan Javascript Library

Salah satu Javascript library yang tekenal untuk menampilkan (render) PDF adalah PDF.js.

PDF.js adalah open source library javascript untuk menampilkan dan memanipulasi (customize) PDF langsung kedalam web browser.

Untuk menggunakan PDF.js Anda harus menyertakan library ini kedalam tag HTML Anda lalu membuat instance ‘PDFViewe’ object. Contoh:



<!-- Include the PDF.js library -->
<script src="https://cdn.jsdelivr.net/npm/pdfjs-dist@2.7.7/build/pdf.min.js"></script>

<!-- Create a container element for the PDF viewer -->
<div id="pdfViewer"></div>

<script>
// Initialize the PDF viewer
const pdfViewer = new PDFJS.PDFViewer({
container: document.getElementById('pdfViewer'),
});

// Load a PDF file
PDFJS.getDocument('https://example.com/path/to/document.pdf').then(function(pdf) {
// Display the PDF file in the viewer
pdfViewer.setDocument(pdf);
});
</script>

Anda dapat menyesuaikan tampilan dan perilaku penampil PDF dengan menyetel berbagai opsi di konstruktor PDFViewer. Misalnya, Anda dapat menyetel opsi halaman untuk menentukan halaman awal yang akan ditampilkan, atau opsi defaultZoomValue untuk menentukan tingkat zoom default.

Klik link ini untuk melihat contohnya.

3. Menggunakan Converter PDF to HTML

Tool Harga OS Rating Format Support
UPDF 29.99USD/yr Win, Mac, iOS, Android 4.8 PDF to HTML, Word, Excel, PowerPoint, Text, XML, PDF/A, OCR, CSV
Khisoft Free Win 3.2 PDF to HTML
PDFOnline (Xodo) Xodo Pro: $9/Annually Online Tool 3.5 PDF to HTML, Word, Excel, PowerPoint, Text, XML, PDF/A
Weeny PDF to HTML Converter Free Windows 3.9 PDF to HTML
PDF2Go Free Online Tool 3.5 PDF to HTML, Word, Excel, PowerPoint, Text, Images
Adobe Acrobat (Windows) Acrobat Pro: $239.88/Year Windows 4.7 PDF to HTML, Word, Excel, PowerPoint, Text, XML, PDF/A, CSV, Images
PDFMate Ebook Converter Pro: $14.95/Month Windows 4 PDF to EPUB, Text, Word, Image, HTML, SWF
Convert PDF to HTML Free Online Tool 3.7 PDF to HTML
Investintech Free Online Tool 3.2 PDF to HTML, Word, Excel, PowerPoint, Text, XML, PDF/A, DWG