Просмотрщик Vanila


НАЧАЛО >> Электронная библиотека >> Руководство пользователя >> Просмотр полного текста >> Многостраничные документы (PDF, Office) >> Просмотрщик Vanila📄 Скачать в DOCX


Современный и наиболее функциональный интерфейс на базе фреймворка Bootstrap 5. Предоставляет читателю максимальный набор инструментов:

Рисунок 1 - Общий вид просмотрщика Vanila

Общий вид просмотрщика Vanila

1. Навигация и просмотр

Вьювер поддерживает гибкую настройку отображения страниц:

2. Боковые панели (Offcanvas)

Интерфейс активно использует неперекрывающие выдвижные панели. С их помощью можно работать с древовидным оглавлением (если оно было сформировано каталогизатором), списком закладок, визуальными заметками и поиском. При клике по любому элементу в панели происходит автоматический переход на соответствующую страницу.

3. Панель миниатюр

Рисунок 2 - Панель миниатюр

Панель миниатюр

Выдвижная панель с превью страниц для быстрой визуальной навигации. В целях оптимизации и экономии трафика миниатюры подгружаются динамически по мере просмотра (lazy-load с помощью IntersectionObserver). Доступна удобная постраничная навигация по самим миниатюрам.

4. Полнотекстовый поиск

Рисунок 3 - Полнотекстовый поиск в документе

Полнотекстовый поиск в документе

Поиск информации внутри проиндексированного текста осуществляется «на лету» (используется таймер задержки ввода для снижения нагрузки на сервер). В боковой панели динамически отображается список совпадений с указанием номера страницы, точного номера строки и фрагмента текста для понимания контекста без перехода на страницу. При клике на результат вьювер автоматически перелистывает документ на искомую страницу.

При переходе из полнотекстового фрагмента поисковой выдачи в адрес просмотра передается параметр squery. Он сохраняет исходный поисковый запрос для подсветки найденных слов на изображении страницы и остается в ссылке при дальнейшем перелистывании документа.

5. Закладки и визуальные заметки

Рисунок 4 - Создание визуальной заметки

Создание визуальной заметки

Авторизованные пользователи могут вести личную работу с документом:

6. Умное скачивание и печать

В зависимости от предоставленных прав доступа, интерфейс предлагает разные возможности экспорта:

Внимание: Для корректной работы функции «Печать» в браузере пользователя (особенно в Google Chrome) должно быть разрешено открытие всплывающих окон (pop-ups) для сайта электронной библиотеки, так как документ для печати формируется в новой скрытой вкладке.

7. Синхронизация нумерации страниц

Пользователи с правами администрирования (ADMIN) могут нажать иконку карандаша на панели инструментов, чтобы исправить логическую нумерацию страниц. Вьювер показывает текущий системный номер (например, страница 4), и если на самом скане напечатан другой номер (например, страница 1, так как нумерация началась после титульного листа), его можно переопределить. При этом система автоматически вычислит сдвиг и применит новую нумерацию сразу ко всему документу.

8. Управление с клавиатуры и жестами

Помимо кнопок интерфейса, вьювер поддерживает управление с помощью клавиатуры и сенсорных жестов:

9. Прямые ссылки на страницы

При навигации по документу в адресной строке браузера динамически обновляются параметры (с использованием history.pushState). Это позволяет в любой момент скопировать ссылку на текущий вид и отправить ее другому пользователю — при переходе у него откроется ровно та же страница, а для подсветки найденных слов будет сохранен поисковый запрос из параметра squery.