346
 

Vuzit - добавление документов PDF на веб страницы

Vuzit - это online сервис, позволяющий добавлять pdf документы на веб страницы, причем для просмотра документов пользователю не требуется устанавливать pdf плагин в браузер. Для работы с сервисом используется JavaScript/AJAX, соответственно, управление просмотрищком - перелистывание страниц, масштабирование документов и прочее, можно осуществлять при помощи JavaScript.

Vuzit

Чтобы начать работу с сервисом, нужно зарегистрироваться и получить API ключ. Затем, на веб страницу нужно подключить скрипт и таблицу стилей Vuzit:

<link href="http://vuzit.com/stylesheets/Vuzit-2.3.css" rel="Stylesheet" type="text/css" />
<script src="http://vuzit.com/javascripts/Vuzit-2.3.js" type="text/javascript"></script>

После этого, имея ключ, создаем объект vuzit.Viewer и отображаем его, указывая в качестве атрибута функции display() элемент, в котором нужно отобразить просмотрщик:

vuzit.Base.apiKeySet("API-key-here-805d-9f2e-d5a342118510");

var viewer = new vuzit.Viewer("http://www.jstoolbox.com/demo/vuzit/pf.pdf", false, null);
viewer.display(document.getElementById("vuzit_viewer"), { zoom: 1 });

В результате, в элемент vuzit_viewer будет добавлен просмотрщик документов с панелью управления. Помимо опции zoom, показанной в этом примере, для функции display() существуют еще несколько полезных опций, например page для установки начальной страницы, showDownload - показывать ли ссылку "Download" и др. Посмотреть полную JavaScript API документацию можно здесь. Демо примеры, в том числе и показывающие управление viewer-ом при помощи JavaScript, можно посмотреть здесь.

Как видите, сам скрипт загружается с сервера Vuzit, но можно сохранить его и локально. Я к примеру сделал так для того, чтобы локализовать панель, подсказки и т.п. Посмотреть пример моей, локализованной версии можно здесь.

смотреть демо

Добавить в закладки:

Комментарии на “Vuzit - добавление документов PDF на веб страницы”

  1. Vuzit - äîáàâëåíèå äîêóìåíòîâ PDF íà âåá ñòðàíèöû…

    Î÷åíü èíòåðåñíî. Ñïàñèáî.
    Çàíÿòíàÿ øòó÷êà
    ðóññèôèêàöèþ ïàíåëè ïåðåäåëàë â win-1251 è
    ñäåëàë ìîäóëü vuzit äëÿ cms R3-born….

Оставить комментарий

JSToolbox создан на основе WordPress