Documets viewer plugin | Плагин просмотра документов

Plugin features:Возможности плагина:
View documents in a pop-up windowПросмотр документов в попап окне
Allows users to view uploaded documents without leaving the current page. Documents open in a separate pop-up window, making file access easy and efficient.Позволяет просматривать загруженные документы без необходимости покидать текущую страницу. Открытие документов происходит в отдельном всплывающем окне, что упрощает доступ к содержимому файлов без лишних действий.
Supported formats: docx, xlsx, pdfПоддерживаемые форматы: docx, xlsx, pdf
The plugin supports popular document formats: docx (Microsoft Word), xlsx (Microsoft Excel), and pdf (Adobe Acrobat). This provides flexibility and compatibility with various file types.Плагин поддерживает работу с наиболее популярными форматами документов: docx (Microsoft Word), xlsx (Microsoft Excel), и pdf (Adobe Acrobat). Это обеспечивает гибкость и универсальность при использовании различных типов файлов.
Downloading all documents in a ZIP archiveСкачивание всех документов в ZIP архиве
Users can download all documents in a single, compressed ZIP archive with just one click. This feature is particularly convenient for time-saving and easy access to multiple files at once.Плагин позволяет пользователям одним нажатием скачать все документы, собранные в одном месте, в виде сжатого ZIP архива. Это особенно удобно для экономии времени и обеспечения удобного доступа к множеству файлов сразу.
Placement inside any componentРазмещение внутри любого компонента
The plugin can be seamlessly integrated and embedded into any page component, making it versatile for different web application designs and structures.Плагин легко интегрируется и может быть встроен в любой интерфейс или компонент страницы, что делает его универсальным для разных видов дизайна и структур веб-приложений.
Lots of settingsМножество настроек
The plugin provides a wide range of settings, allowing customization for different tasks and user preferences, including display, integration, upload, and document viewing options.Плагин предоставляет широкий набор настроек, позволяющих адаптировать его под различные задачи и предпочтения пользователей, включая параметры отображения, интеграции, загрузки и отображения документов.

CSS style

Class / IDОписание (Русский)Description (English)
.file-listКонтейнер для списка файлов с акцентом на содержимое, включая цвет фона и текста.Container for the file list with emphasis on content, including background and text color.
.file-itemЭлемент списка файлов, оформленный для визуального восприятия и подчёркивания каждого элемента.File list item styled for visual clarity and highlighting each element.
.file-iconИконка рядом с каждым файлом, добавляющая визуальное представление формата.Icon next to each file, adding a visual representation of the file type.
.modalОверлей для модального окна, создающий затемнённый фон и размытый эффект для акцента на окне.Overlay for the modal window, creating a darkened background and blur effect to highlight the modal window.
.modal-contentСодержимое модального окна, стилизованное для удобного чтения и взаимодействия, с закруглёнными углами и тенью.Modal content styled for readability and interaction, with rounded corners and shadow.
.closeКнопка для закрытия модального окна, оформленная как крестик в верхнем углу.Button to close the modal window, styled as a cross in the upper corner.
#fileInputПоле ввода файлов с добавленными отступами и размером шрифта для удобства пользователя.File input field with added padding and font size for user convenience.
.errorСообщение об ошибке, отображаемое красным цветом при наличии ошибок, скрыто по умолчанию.Error message displayed in red when errors are present, hidden by default.
#pdfViewerПросмотрщик PDF-документов, настраивающий его для полного использования доступного пространства.PDF viewer, adjusted to fully use available space.
#previewContentКонтейнер для предварительного просмотра содержимого файла, рассчитанный на полный охват пространства.Container for file preview content, sized to fully cover available space.
.zip-name-modalОверлей для модального окна, предназначенного для ввода имени ZIP-файла при скачивании документов.Overlay for modal window to enter ZIP file name when downloading documents.
.zip-name-contentСодержимое модального окна для имени ZIP-файла, с закруглёнными углами и тенью для удобства отображения.Content of the modal window for ZIP file name, with rounded corners and shadow for better display.
.zip-name-inputПоле ввода для имени ZIP-файла, оформленное для удобного ввода текста.Input field for ZIP file name, styled for easy text entry.
.zip-btn-groupГруппа кнопок в модальном окне для создания ZIP-файла, расположенных рядом для удобства выбора.Button group in the modal window for creating a ZIP file, positioned side-by-side for ease of selection.
.zip-confirm-btn и .zip-cancel-btnКнопки подтверждения и отмены в модальном окне создания ZIP-файла, оформленные разными цветами для удобства различия.Confirm and cancel buttons in the modal window for ZIP file creation, styled with different colors for easy distinction.
.download-buttonКнопка скачивания, оформленная с градиентным фоном, закруглёнными углами, тенью и эффектами при наведении.Download button styled with gradient background, rounded corners, shadow, and hover effects.
.download-icon и .download-textИконка и текст на кнопке скачивания, с эффектом увеличения при наведении, для улучшения опыта пользователя.Icon and text on the download button, with a scaling effect on hover to improve user experience.