Онлайн редактор pdf-файлов

С возможностью разнообразного форматирования текста, добавления картинок, таблиц и фонов. Полнофункциональная демо-версия.

Общий вид редактора

В данной демо-версии исходно подставляется готовый текст, показывающий возможности редактора. Удалить этот текст можно кнопкой "Очистить".






Вот что получается в итоге (масштаб 80%):





Элементы интерфейса:









Пример интеграции редактора в сложное приложение

В данном примере в приложении используется готовый шаблон документа с полями ввода в нем, а также возможностью замены одних стандартных текстов на другие.


Созданный с помощью редактируемого шаблона документа текст далее можно как угодно изменять в pdf-редакторе, в том числе добавлять таблицы и картинки:



В итоге получим следующий pdf-файл:





В приведенном примере интеграции редактор документов состоит из 2 частей

Первой частью является редактируемый шаблон документа, в который Вы подставляете свои конкретные данные, такие как ФИО, паспортные данные и т.п. Также там можно менять некоторые стандартные части текста на другие в зависимости от контекста или варианта содержания, который Вам конкретно необходим.

Редактируемый шаблон документа на устройствах с большим и средним по ширине экраном расположен в центре, правее находится информационная панель с контекстной подсказкой. Левее (или выше - для малых мобильных устройств) блока редактируемого шаблона документа находится панель замены стандартных текстов.


Редактируемый шаблон документа

В значимых местах редактируемого шаблона расположены знаки вопроса, нажатие на которые отображает в правой информационной панели (которая на смартфонах и многих планшетах смещается вниз) контекстную подсказку с выдержками из законов или иных нормативных актов или объяснением сути авбзацев или предложений, после которых стоит этот знак вопроса:

(знак вопроса в блоке редактируемого шаблона документа)

(соотвествующая этому знаку вопроса подсказка в информационной панели)


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

Поля ввода/редактирования данных имеют серый фон. Клик на них приводит к открытию всплывающего окна, позволяющего вводить или изменять эти данные.



Заменяемые стандартные блоки текста, зависящие от контекста документа, выделены синим фоном. После них идет кружочки с номерами этих блоков для выбора соотвествующих этим номерам кнопок внизу левой панели замены стандартных текстов.



К примеру, нажатие на кнопку "Далее" приведет к такому результату:



Формирование документа

После того как Вы заполните все редактируемые поля, выделенные серым фоном, и выберете нужные Вам стандартные фрагменты текста, выделенные синим фоном, нажмите на кнопку "Сформировать документ", что приведет к открытию ниже этой кнопки текстового редактора, в котором Вы сможете произвольным образом изменить любой фрагмент текста, созданный в первой части редактора документов, а также вставить иллюстрации, таблицы и текстурный фон под всем документом, который будет отобрадаться только в итоговом pdf-файле.


Окончательное редактирование документа

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

Сохранение документа

Документ сохраняется только на сервере, только в окончательном виде и в pdf-формате. Это осуществляется путем нажатия на кнопку "Сохранить", после чего появляется сообщение о сохранении файла и становится видимой кнопка "Открыть сохраненный файл".


Просмотр готового документа

Просмотр готового документа, ранее сохраненного на сервере, осуществляется кнопкой "Открыть сохраненный файл", открывающей новую вкладку браузера с этим файлом.



Мгновенное двуязычие

Весь интерфейс страницы редактора обладает мгновенным двуязычием. Так как документ создается на украинском языке, то левая панель замены текстов и правая информационная панель подгружают тексты только на одном языке, а именно украинском.

Контекстные подсказки

При наведении указателя на все значимые элементы страницы возникают всплывающие двуязычные подсказки:










Большая подсказка страницы создания документа

При клике на самый верхний знак вопроса появляется окно с большой подсказкой:








Передача авторизации в текстовый редактор

Страница редактора является страницей высокой вложенности, при этом на предыдущих для нее страницах требуется авторизация. Поэтому на страницу редактора авторизация передается автоматически, и окно с требованием авторизации там не возникает, так как оно уже было на предыдущих для редактора страницах. При этом в данной версии редактора окончательный pdf-файл сохраняется в формате id.pdf, где id - 16-значный уникальный id пользователя на сайте. Далее система именования файлов будет изменена сообразно требованиям всего блока ведения дел в целом. Если не авторизоваться, то итоговый pdf-файл будет иметь имя 0.pdf.




Следующее видео показыват некоторую часть функционала приложения:









www.000webhost.com