Для отображения PDF-документов прямо на веб-странице часто используют библиотеку PDF.js, разработанную Mozilla. Она позволяет рендерить PDF в HTML5 canvas без необходимости установки плагинов.

Пример использования PDF.js:

<div id="pdf-container"></div>
<script src="https://mozilla.github.io/pdf.js/build/pdf.js"></script>
<script>
  const url = 'example.pdf';
  const container = document.getElementById('pdf-container');

  pdfjsLib.getDocument(url).promise.then(pdf => {
    pdf.getPage(1).then(page => {
      const viewport = page.getViewport({ scale: 1.5 });
      const canvas = document.createElement('canvas');
      const context = canvas.getContext('2d');
      canvas.height = viewport.height;
      canvas.width = viewport.width;
      container.appendChild(canvas);

      const renderContext = {
        canvasContext: context,
        viewport: viewport
      };
      page.render(renderContext);
    });
  });
</script>

Также есть готовые React-компоненты и другие обертки для удобства интеграции.

Как отображали PDF-документы прямо в странице, использовали библиотеку?