Выбрать страницу

Online pdf editor

With the possibility of a variety of text formatting, adding pictures, tables and backgrounds. Full featured demo version.

General view of the editor

In this demo version, the finished text is initially substituted showing the capabilities of the editor. You can delete this text with the "Clean out" button.







Here is the result (80% scale):





Interface elements:











The following video shows some part of the functionality of the application:










Example of editor integration into a complex application (in Russian and Ukrainian languages)

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


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



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





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

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

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


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

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

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

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


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

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



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



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



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

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


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

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

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

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


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

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



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

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

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

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










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

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








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

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

Free Web Hosting