adobe-reader
Время для прочтения: 2 мин. 12 сек.

Внедрение PDF на веб-страницу

Для внедрения PDF документа на веб-страницу есть несколько способов. Правда, ни один из них не является кроссбраузерным. Рассмотрим один из них.

HTML теги object и embed


<object width="800" height="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="имя_файла.pdf" />
<embed width="800" height="600" type="application/x-shockwave-flash" src="имя_файла.pdf" />
</object>

Можно также отключить лишние панели при показе документа, добавив соответствующие параметры к URL файла:


<object width="800" height="600" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0">
<param name="src" value="имя_файла.pdf#toolbar=0&navpanes=0&scrollbar=0" />
<embed width="800" height="600" type="application/x-shockwave-flash" src="имя_файла.pdf#toolbar=0&navpanes=0&scrollbar=0" />
</object>

Где scrollbars — полосы прокрутки, navpanes — панели навигации, toolbar — панель инструментов.

Весь список параметров:

Параметр Тип Описание
1 page число номер страницы, на которой необходимо открыть документ
2 search строка фраза для выделения ее в документе
3 zoom scale масштаб документа в процентах
4 zoom scale, left, top масштаб документа в процентах и позиция от верхнего левого угла
5 toolbar 1/0 показать/скрыть панель инструментов
6 statusbar 1/0 показать/скрыть панель состояния (статусная строка)
7 messages 1/0 показать/скрыть панель сообщний
8 navpanes 1/0 показать/скрыть панель навигации
9 scrollbars 1/0 показать/скрыть полосы прокрутки
10 pagemode bookmarks/thumbs/none(default) режим отображения (bookmarks — закладки, thumbs — миниатюры)

Flash

Самым «продвинутым» способом внедрения PDF документа является, конечно же, использование технологии Flash, SilverLight, но об этом в следующих статьях.

Ссылки

Для вставки кода используйте HTML-теги
<pre><code class="php">ваш код</code></pre>

Добавить комментарий

Такой e-mail уже зарегистрирован. Воспользуйтесь формой входа или введите другой.

Вы ввели некорректные логин или пароль

Извините, для комментирования необходимо войти.

2 комментария

по хронологии
по рейтингу сначала новые по хронологии

не работает код

Покажите ваш пример