---
title: "Просмотрщик PDF.js в Joomla: ссылка и iframe - WebTolk"
description: "В поставку входят полный интерфейс, локальный worker и ресурсы каждого просмотрщика. Выберите URL:"
url: "https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/documentation/web-viewer"
date: "2026-10-09T20:16:04+00:00"
language: "ru-RU"
---

## Breadcrumbs

[Главная](https://web-tolk.ru/) > [Расширения Joomla](https://web-tolk.ru/dev) > [Плагины Joomla](/dev/joomla-plugins) > [WT PDF.js](/dev/joomla-plugins/wt-pdf-js) > [Документация](/dev/joomla-plugins/wt-pdf-js/documentation) > Просмотрщик PDF.js в Joomla: ссылка и iframe

# Просмотрщик PDF.js в Joomla: ссылка и iframe

WT PDF.js - Документация

**Категория:** [Плагины Joomla](https://web-tolk.ru/dev/joomla-plugins)

[Проект](https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js)[Версии](https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/versions)[Документация](https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/documentation)[GitHub](https://github.com/mozilla/pdf.js)

В поставку входят полный интерфейс, локальный worker и ресурсы каждого просмотрщика.

## Просмотрщики для новых и для старых браузеров

В поставку входят полный интерфейс, локальный worker и ресурсы каждого просмотрщика. Выберите URL:

- Для новых браузеров: `/media/plg_system_wtpdfjs/viewer/modern/web/viewer.html`.
- Для старых браузеров: `/media/plg_system_wtpdfjs/viewer/legacy/web/viewer.html`.

На родительской странице `useScript()` не нужен: viewer загружает свою библиотеку внутри отдельного окна. Вариант для старых браузеров тоже использует ES-модули; это не обещание поддержки Internet Explorer. Проверьте целевые браузеры.

PDF передайте в query-параметре `file`, профиль — в `config`, страницу и масштаб — после `#`. Пример содержит ссылку и iframe; выберите подходящий интерфейс. `Uri::root(true)` учитывает установку Joomla в подпапке. Для старых браузеров замените в viewer URL каталог `modern` на `legacy`.

### Пример PHP

```
<?php
use Joomla\CMS\Uri\Uri;
$root = Uri::root(true);
$pdfUrl = $root . '/images/documents/catalog.pdf';
$viewerUrl = $root . '/media/plg_system_wtpdfjs/viewer/modern/web/viewer.html';
$query = http_build_query(
    ['file' => $pdfUrl, 'config' => 'catalog.json'],
    '', '&', PHP_QUERY_RFC3986
);
$src = $viewerUrl . '?' . $query . '#page=1&zoom=page-width';
$escapedSrc = htmlspecialchars($src, ENT_QUOTES | ENT_SUBSTITUTE, 'UTF-8');
?>
<p><a href="/<?php echo $escapedSrc; ?>" target="_blank" rel="noopener">PDF</a></p>
<iframe src="/<?php echo $escapedSrc; ?>" title="PDF document"
    loading="lazy" style="width:100%;height:75vh;border:0" allowfullscreen>
</iframe>
```

## JSON-LD Schema

```json
{
    "@context": "https://schema.org",
    "@type": "BreadcrumbList",
    "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17",
    "itemListElement": [
        {
            "@type": "ListItem",
            "position": 1,
            "item": {
                "@id": "https://web-tolk.ru/",
                "name": "Главная"
            }
        },
        {
            "@type": "ListItem",
            "position": 2,
            "item": {
                "@id": "https://web-tolk.ru/dev",
                "name": "Расширения Joomla"
            }
        },
        {
            "@type": "ListItem",
            "position": 3,
            "item": {
                "@id": "/dev/joomla-plugins",
                "name": "Плагины Joomla"
            }
        },
        {
            "@type": "ListItem",
            "position": 4,
            "item": {
                "@id": "/dev/joomla-plugins/wt-pdf-js",
                "name": "WT PDF.js"
            }
        },
        {
            "@type": "ListItem",
            "position": 5,
            "item": {
                "@id": "/dev/joomla-plugins/wt-pdf-js/documentation",
                "name": "Документация"
            }
        },
        {
            "@type": "ListItem",
            "position": 6,
            "item": {
                "name": "Просмотрщик PDF.js в Joomla: ссылка и iframe"
            }
        }
    ]
}
```

```json
{
    "@context": "https://schema.org",
    "@graph": [
        {
            "@type": "Organization",
            "@id": "https://web-tolk.ru/#/schema/Organization/base",
            "name": "WebTolk",
            "url": "https://web-tolk.ru/",
            "logo": {
                "@type": "ImageObject",
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo",
                "url": "https://web-tolk.ru/images/webtolk-1080p.jpg",
                "contentUrl": "https://web-tolk.ru/images/webtolk-1080p.jpg",
                "width": 1920,
                "height": 1080
            },
            "image": {
                "@id": "https://web-tolk.ru/#/schema/ImageObject/logo"
            },
            "sameAs": [
                "https://github.com/WebTolk",
                "https://github.com/sergeytolkachyov",
                "https://vk.com/web_tolk",
                "https://vk.com/webtolkru",
                "https://tenchat.ru/sergeytolkachyov",
                "https://t.me/sergeytolkachyov",
                "https://t.me/webtolkru"
            ]
        },
        {
            "@type": "WebSite",
            "@id": "https://web-tolk.ru/#/schema/WebSite/base",
            "url": "https://web-tolk.ru/",
            "name": "WebTolk",
            "publisher": {
                "@id": "https://web-tolk.ru/#/schema/Organization/base"
            }
        },
        {
            "@type": "WebPage",
            "@id": "https://web-tolk.ru/#/schema/WebPage/base",
            "url": "https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/documentation/web-viewer",
            "name": "Просмотрщик PDF.js в Joomla: ссылка и iframe - WebTolk",
            "description": "В поставку входят полный интерфейс, локальный worker и ресурсы каждого просмотрщика. Выберите URL:",
            "isPartOf": {
                "@id": "https://web-tolk.ru/#/schema/WebSite/base"
            },
            "about": {
                "@id": "https://web-tolk.ru/#/schema/TechArticle/base"
            },
            "inLanguage": "ru-RU",
            "breadcrumb": {
                "@id": "https://web-tolk.ru/#/schema/BreadcrumbList/17"
            }
        },
        {
            "@type": "TechArticle",
            "headline": "Просмотрщик PDF.js в Joomla: ссылка и iframe",
            "url": "https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/documentation/web-viewer",
            "description": "В поставку входят полный интерфейс, локальный worker и ресурсы каждого просмотрщика.",
            "mainEntityOfPage": {
                "@type": "WebPage",
                "url": "https://web-tolk.ru/dev/joomla-plugins/wt-pdf-js/documentation/web-viewer"
            }
        }
    ]
}
```