# Настроить печать документов с водяным знаком > [HTML Version](print-form-settings.html) Для каждого приложения системы [администратор](/ru/help/platform/360006871932.html#administrators) может настроить отображение водяного знака на документе или файле. Пользователи смогут распечатать документ с водяным знаком или сохранить его на компьютер. Также в бизнес-процесс можно добавить специальный блок [Наложение водяных знаков](/ru/help/platform/watermark.html). Это позволяет автоматически наносить водяной знак на файл и сохранять его в переменную. Затем файл можно использовать в ходе процесса, например, выслать его на согласование или автоматически отправить на электронную почту клиента. В настройках приложения или блока бизнес-процесса задаётся HTML-шаблон водяного знака. При этом на одном документе можно разместить несколько водяных знаков. Вы можете: - использовать готовые шаблоны: - с названием документа, датой и автором документа; - с данными о подписании документа сертификатом электронной подписи; - изменить готовый шаблон, чтобы настроить отображение любой необходимой информации. Рассмотрим подробнее, как включить печать документа в приложении и настроить шаблон водяного знака. ## Включить печать с водяным знаком 1. Перейдите в настройки приложения, нажав значок шестерёнки рядом с его названием. 2. Выберите пункт **Печатная форма**. 3. На открывшейся странице отметьте флажком опцию **Включить печать с водяным знаком**. По умолчанию включён преднастроенный шаблон водяного знака. Он содержит название документа, дату и автора. Знак будет отображаться в правом нижнем углу на каждой странице файла. Эти настройки изменить нельзя. **(print_form-1.png)** 4. Дополнительно вы можете включить опции: - **Отображать водяной знак в предпросмотре** — на форме просмотра приложения типа **Документ** добавленный файл отображается с водяным знаком; - **При нажатии на кнопку "Печать" скачивать документ с водяным знаком **— когда на форме просмотра пользователь нажимает кнопку **Печать**, вместо отправки на принтер файл с водяным знаком сохраняется на локальный компьютер. В поле **Стандарт PDF** вы можете задать формат файла для загрузки: **PDF1.7**, **PDF/A-1b** или **PDF/A-1a**. **(print-form-settings-2.png)** ## Добавить новый шаблон водяного знака Для каждого приложения можно загрузить свой шаблон водяного знака. Настройки позволяют менять расположение знака, непрозрачность, выбрать страницы, на которых он должен отображаться и т. д.: 1. Перейдите в настройки приложения, нажав значок шестерёнки рядом с его названием. 2. Выберите пункт **Печатная форма**. 3. Нажмите кнопку **+ Добавить** в правом верхнем углу страницы. Выберите тип шаблона: - **Шаблон по умолчанию** — создаётся шаблон с HTML-кодом для водяного знака, преднастроенного по умолчанию. Содержит название документа, дату и автора создания; - **Шаблон с электронной подписью** — добавляется шаблон, HTML-код которого содержит данные о подписании файла. В водяном знаке отображается организация, подписант, название или номер сертификата электронной подписи и срок его действия, а также дата подписания. **(print-form-5.png)** 4. Чтобы получить доступ к данным о подписании файла, выберите опцию **С информацией об электронной подписи**. Это позволит вставить данные об электронной подписи в HTML-шаблон и отобразить их в водяном знаке. Если вы выбрали шаблон, содержащий информацию о подписании, опция будет активирована автоматически. **(print-form-settings-4.png)** 5. Укажите название шаблона и [отредактируйте HTML-код](#html-code). 6. В дополнительных настройках выберите, на каких страницах документа отображать водяной знак, задайте его расположение, масштабирование и непрозрачность. 7. Создать можно неограниченное количество шаблонов. Чтобы применить шаблон к документам в приложении, в настройках каждого шаблона отметьте опцию **Водяной знак активен**. При этом включить можно несколько шаблонов одновременно. 8. Чтобы удалить шаблон водяного знака, нажмите значок корзины. 9. Выполнив настройки, нажмите кнопку **Сохранить** в правом верхнем углу страницы. Теперь в карточке приложения типа **Документ** появится кнопка **Печать**. С её помощью пользователи смогут открыть документ с водяным знаком, распечатать его или сохранить на компьютер. Обратите внимание, если включён водяной знак с информацией об электронной подписи, он отображается только после подписания документа. ### Настроить HTML-шаблон водяного знака [Добавляя новый шаблон](#add-template) водяного знака, в его HTML-коде вы можете: 1. **Настроить форматирование**. Для этого используйте теги, как в стандартном HTML-документе. Обратите внимание, в шаблоне водяного знака можно использовать не все теги, атрибуты и CSS‑свойства, доступные для языка разметки HTML. Список разрешённых тегов, атрибутов и CSS-свойств **Разрешённые теги:** ```` a, abbr, acronym, address, area, article, aside, b, bdi, big, blockquote, body br, button, caption, center, cite, code, col, colgroup, data, datalist, dd, del, details, dfn, dir, div, dl, dt, em, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, head, header, hr, html, i, img, input, ins, kbd, keygen, label, legend, li, main, map, mark, menu, menuitem, meter, nav, ol, optgroup, option, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, select, small, span, strike, strong, sub, summary, sup, table, tbody, td, textarea, tfoot, th, thead, time, tr, tt, u, ul, var, wbr. ```` **Разрешённые атрибуты:** ```` abbr, accept-charset, accept, accesskey, action, align, alt, autocomplete, autosave, axis, bgcolor, border, cellpadding, cellspacing, challenge, char, charoff, charset, checked, cite, clear, color, cols, colspan, compact, contenteditable, coords, datetime, dir, disabled, draggable, dropzone, enctype, for, frame, headers, height, high, href, hreflang, hspace, ismap, keytype, label, lang, list, longdesc, low, max, maxlength, media, method, min, multiple, name, nohref, noshade, novalidate, nowrap, open, optimum, pattern, placeholder, prompt, pubdate, radiogroup, readonly, rel, required, rev, reversed, rows, rowspan, rules, scope, selected, shape, size, span, spellcheck, src, start, step, style, summary, tabindex, target, title, type, usemap, valign, value, vspace, width, wrap. ```` **Разрешённые CSS-свойства:** ```` align-content, align-items, align-self, all, animation, animation-delay, animation-direction, animation-duration, animation-fill-mode, animation-iteration-count, animation-name, animation-play-state, animation-timing-function, backface-visibility, background, background-attachment, background-blend-mode, background-clip, background-color, background-image, background-origin, background-position, background-position-x, background-position-y, background-repeat, background-repeat-x, background-repeat-y, background-size, border, border-bottom, border-bottom-color, border-bottom-left-radius, border-bottom-right-radius, border-bottom-style, border-bottom-width, border-collapse, border-color, border-image, border-image-outset, border-image-repeat, border-image-slice, border-image-source, border-image-width, border-left, border-left-color, border-left-style, border-left-width, border-radius, border-right, border-right-color, border-right-style, border-right-width, border-spacing, border-style, border-top, border-top-color, border-top-left-radius, border-top-right-radius, border-top-style, border-top-width, border-width, bottom, box-decoration-break, box-shadow, box-sizing, break-after, break-before, break-inside, caption-side, caret-color, clear, clip, color, column-count, column-fill, column-gap, column-rule, column-rule-color, column-rule-style, column-rule-width, column-span, column-width, columns, content, counter-increment, counter-reset, cursor, direction, display, empty-cells, filter, flex, flex-basis, flex-direction, flex-flow, flex-grow, flex-shrink, flex-wrap, float, font, font-family, font-feature-settings, font-kerning, font-language-override, font-size, font-size-adjust, font-stretch, font-style, font-synthesis, font-variant, font-variant-alternates, font-variant-caps, font-variant-east-asian, font-variant-ligatures, font-variant-numeric, font-variant-position, font-weight, gap, grid, grid-area, grid-auto-columns, grid-auto-flow, grid-auto-rows, grid-column, grid-column-end, grid-column-gap, grid-column-start, grid-gap, grid-row, grid-row-end, grid-row-gap, grid-row-start, grid-template, grid-template-areas, grid-template-columns, grid-template-rows, hanging-punctuation, height, hyphens, image-rendering, isolation, justify-content, left, letter-spacing, line-break, line-height, list-style, list-style-image, list-style-position, list-style-type, margin, margin-bottom, margin-left, margin-right, margin-top, mask, mask-clip, mask-composite, mask-image, mask-mode, mask-origin, mask-position, mask-repeat, mask-size, mask-type, max-height, max-width, min-height, min-width, mix-blend-mode, object-fit, object-position, opacity, order, orphans, outline, outline-color, outline-offset, outline-style, outline-width, overflow, overflow-wrap, overflow-x, overflow-y, padding, padding-bottom, padding-left, padding-right, padding-top, page-break-after, page-break-before, page-break-inside, perspective, perspective-origin, pointer-events, position, quotes, resize, right, row-gap, scroll-behavior, tab-size, table-layout, text-align, text-align-last, text-combine-upright, text-decoration, text-decoration-color, text-decoration-line, text-decoration-skip, text-decoration-style, text-indent, text-justify, text-orientation, text-overflow, text-shadow, text-transform, text-underline-position, top, transform, transform-origin, transform-style, transition, transition-delay, transition-duration, transition-property, transition-timing-function, unicode-bidi, user-select, vertical-align, visibility, white-space, widows, width, word-break, word-spacing, word-wrap, writing-mode, z-index. ```` ```` 2. **Добавить контекстные переменные**. Они должны выглядеть следующим образом: `\{\$имя\_переменной\}`. Имя переменной уникально и пишется латинскими буквами, например, `\{\$client\}`. Пример использования переменных приведён в разделе [«Примеры пользовательских HTML-шаблонов водяного знака»](#template-examples). 3. **Настроить отображение данных электронной подписи**. По умолчанию в [HTML-шаблон с электронной подписью](#watermark-with-es) добавлен цикл `\{for signInfo in \{\$\_\_ES\} \}`, который содержит конструкции типа `\{\$signInfo.data.parameter\_name\}`. Вы можете изменить их или добавить дополнительные, чтобы отобразить в водяном знаке определённые данные электронной подписи. Рассмотрим доступные конструкции. | | | |------|------| | **Конструкция** | **Содержание** | | `\{\$signInfo.data.provider\_name\}` | Название провайдера электронной подписи. | | `\{\$signInfo.data.organization\}` | Название организации. | | `\{\$signInfo.data.commonName\}` | Название сертификата электронной подписи. | | `\{\$signInfo.data.issuerName\}` | Имя и отчество подписанта. | | `\{\$signInfo.data.issuerSurname\}` | Фамилия подписанта. | | `\{\$signInfo.data.issuerTitle\}` | Должность подписанта. | | `\{\$signInfo.data.certSerialNumber\}` | Номер сертификата электронной подписи. | | `\{\$signInfo.data.certValidUntilAt\}` | Дата окончания действия сертификата. | | `\{\$signInfo.data.signDate\}` | Дата подписания. | | `\{\$signInfo.data.createdBy\}` | Создатель электронной подписи. | | `\{\$signInfo.data.comment\}` | Комментарий к электронной подписи. | | `\{\$signInfo.data.status\}` | Статус электронной подписи. | | `\{\$signInfo.data.type\}` | Тип: подпись файла, атрибутов или решения. | | `\{\$signInfo.data.tags\}` | [Теги электронной подписи](set-up-digital-signature.md#signature-tags). Их можно отобразить в водяном знаке или применить для группировки и фильтрации подписей, например по должности подписанта. Подробнее читайте в разделе [«Примеры пользовательских HTML-шаблонов водяного знака»](#signature-tags-examples).
Вы можете использовать:
- системные теги — автоматически добавляются к подписям в рамках задач ознакомления и согласования и имеют коды `\_\_inform` и `\_\_approve`;
- пользовательские теги — заданные с помощью скрипта. Создание тегов и их добавление к подписям описано в [справке ELMA365 TS SDK](https://tssdk.elma365.com/ru/latest/interfaces/_10_signs_.signtags.html). | | `\{\$signInfo.data.poaID\}` | Данные машиночитаемой доверенности (МЧД), с которой подписан документ. О том, как настроить отображение данных МЧД, читайте в разделе [«Примеры пользовательских HTML-шаблонов водяного знака»](#m4d-data). | ### Примеры пользовательских HTML-шаблонов водяного знака 1. **Отображение основных данных документа**. Чтобы показать в водяном знаке информацию о документе, например его название, регистрационный номер, автора и дату создания, используйте в шаблоне контекстные переменные в формате `\{\$имя\_переменной\}`. Пример шаблона ````

Документ: \{\$\_\_name\}

\{if \{\$\_\_register\_name\} <> ""\}Рег.номер:\{\$\_\_register\_name\}\{end\}

Создан: \{DateTime("DD.MM.YYYY",\{\$\_\_createdAt\})\} Автор: \{\$\_\_createdBy.\_\_name\}
```` ```` 2. **Отображение тегов электронной подписи**. Допустим, в водяном знаке сотрудник должен видеть, в рамках какой задачи выполнено подписание. Для этого получите теги подписи с помощью цикла `\{for tag in \{\$signInfo.data.tags\} \}` и выведите их названия и коды, используя вложенные свойства `.name` и `.code`. Пример шаблона ````

Документ подписан через ELMA365

Организация, подписант

Сертификат

Срок действия сертификата

Дата подписания

\{for signInfo in \{\$\_\_ES\} \}

\{\$signInfo.data.organization\}

\{\$signInfo.data.commonName\}

\{\$signInfo.data.certSerialNumber\}

\{DateTime("DD.MM.YYYY",\{\$signInfo.data.certValidUntilAt\})\}

\{DateTime("DD.MM.YYYY hh:mm",\{\$signInfo.data.signDate\})\}

Теги подписи

\{for tag in \{\$signInfo.data.tags\} \}

\{\$tag.data.name\},\ \{\$tag.data.code\}

\{end\}
\{end\}

Идентификатор документа: \{\$\_\_id\}

```` ```` 3. **Отображение только подписи с определённым тегом**. Допустим, в водяном знаке нужно отобразить только подпись генерального директора. Для неё с помощью скрипта добавлен тег с кодом `signedByHead`. Чтобы скрыть другие подписи, используйте условие `\{if \{\$tag.data.code\} = "signedByHead"\}`**.** Пример шаблона ````

Документ подписан через ELMA365

Организация, подписант

Сертификат

Срок действия сертификата

Дата подписания

Теги подписи

\{for signInfo in \{\$\_\_ES\}\} \{for tag in \{\$signInfo.data.tags\}\} \{if \{\$tag.data.code\} = "signedByHead"\}

\{\$signInfo.data.organization\}

\{\$signInfo.data.commonName\}

\{\$signInfo.data.certSerialNumber\}

\{DateTime("DD.MM.YYYY",\{\$signInfo.data.certValidUntilAt\})\}

\{DateTime("DD.MM.YYYY hh:mm",\{\$signInfo.data.signDate\})\}

\{\$tag.data.name\}

\{end\} \{end\} \{end\}

Идентификатор документа: \{\$\_\_id\}

```` 4. ```` **Передача информации об МЧД**. Данные о машиночитаемой доверенности можно показать в водяном знаке, если в компании установлено решение для хранения доверенностей, например [Управление МЧД](m4d-management.md), и настроен пользовательский модуль для передачи МЧД в водяной знак. Информация передаётся в HTML‑шаблон с помощью функции `ExtText()`. Шаги для отображения данных МЧД Чтобы настроить отображение МЧД в водяном знаке: 1. [Создайте пользовательский модуль](create-extention.md). 2. Настройте в нём [метод API](extention-api.md) для передачи информации о подписи в водяной знак. 3. Перейдите в настройки печатной формы и в поле **HTML‑шаблон** используйте [функцию ExtText()](another-template-syntax-functions.md#exttext). Например, функция может выглядеть следующим образом: `\{ExtText(\{\$signInfo.data.poaExtID\}, "адрес метода API", \{\$signInfo.data.poaID\})\}`, где: - `\{\$signInfo.data.poaExtID\}` — идентификатор пользовательского модуля, созданного на предыдущем шаге; - `"адрес метода API"` — адрес, по которому доступен метод API; - `\{\$signInfo.data.poaID\}` — идентификатор доверенности, которой подписан документ. Функция запустит метод, с помощью которого в водяной знак будут переданы данные об МЧД. ## Настроить печать для файла из приложения типа «Стандартное» и «Событие» Если в приложениях типа **Стандартное** или **Событие** добавлено свойство типа [Файлы](360009707032.md#file_type), вы можете настроить печатную форму для файла, добавленного в поле. Для этого: 1. В настройках приложения включите опцию печати с водяным знаком и настройте шаблон, как описано [выше](#activate). 2. Перейдите в расширенный режим настройки форм приложения и в дизайнере интерфейсов выполните настройку формы просмотра: - если добавленный в поле файл нужно показывать ссылкой, без отображения его содержимого, добавьте виджет [Кнопки: Скачать и Редактировать](save_edit_widget.md); - чтобы пользователи смогли видеть содержимое добавленного в свойство файла, используйте виджет [Загрузка файла с предпросмотром](load_file_with_preview_widget.md). 3. Каждый из виджетов содержит кнопку **Печать**, с помощью которой пользователи смогут распечатать файл с водяным знаком или загрузить его на компьютер. 4. Сохраните и опубликуйте настроенную форму. Подробнее о том, как работать с печатной формой документа, читайте в статье [«Печать документов с водяным знаком»](print_form.md).