WebDocumentViewerJS - это JavaScript UI-контрол, который позволяет загружать, просматривать, печатать, аннотировать, обрабатывать, конвертировать, сохранять изображения и документы.
WebDocumentViewerJS можно быстро и легко интегрировать в современное веб-приложение для настольных компьютеров, планшетов и смартфонов.
Код WebDocumentViewerJS расположен в скрипте Vintasoft.Imaging.DocumentViewer.js.

WebDocumentViewerJS использует:

• UI-элементы из скриптов Vintasoft.Imaging.js и Vintasoft.Imaging.DocumentViewer.js для построения пользовательского интерфейса.
• Веб просмотрщик изображений из скрипта Vintasoft.Imaging.js или веб просмотрщик изображений с аннотацями из скрипта Vintasoft.Imaging.Annotation.js для просмотра изображений и документов.
• Веб просмотрщик миниатюр из скрипта Vintasoft.Imaging.js или веб просмотрщик миниатюр с аннотациями из скрипта Vintasoft.Imaging.Annotation.js для просмотра миниатюр.
• Веб просмотрщик аннотаций из скрипта Vintasoft.Imaging.Annotation.js для аннотирования изображений и PDF документов.
• JavaScript классы из скриптов Vintasoft.Shared.js, Vintasoft.Imaging.js и Vintasoft.Imaging.Pdf.js для загрузки, печати, обработки, конвертирования и сохранения изображений и документов.

По умолчанию WebDocumentViewerJS состоит из следующих частей:

1. Главное меню - расположено горизонтально в верхней части контейнера UI-контрола. Границы главного меню отмечены красным цветом на изображениях ниже.
2. Боковая панель - расположена в правой части контейнера UI-контрола. Границы боковой панели выделены синим цветом на рисунках ниже.
3. Нижняя панель - выровнена по нижней части контейнера UI-контрола. Границы нижней панели отмечены зелёным цветом на изображениях ниже.
4. Просмотрщик изображений - занимает все свободное пространство контейнера UI-контрола. Границы нижней панели выделены фиолетовым цветом на рисунках ниже.

Скриншот веб просмотрщика документов (с открытой боковой панелью) на настольном компьютере:



Скриншот веб просмотрщика документов (с закрытой боковой панелью) на настольном компьютере:



Скриншот веб просмотрщика документов (с открытой боковой панелью) на смартфоне:



Скриншот веб просмотрщика документов (с закрытой боковой панелью) на смартфоне:




Пользовательский интерфейс (UI) веб редактора электронных таблиц можно настроить для любых задач. Подробную информацию читайте здесь .