Пользовательские печатные формы

Редактирование HTML

Редактирование HTML

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

Режим «Редактирование HTML» предназначен для опытных пользователей. В нем поддерживаются все стандартные html-тэги и их атрибуты, а также элементы печатных форм СБИС.

Основные:

Дополнительные:

  • <pt-title> — название свойства, отображаемое в визуальном редакторе.
  • <pt-value> — содержимое элемента.
  • <pt-settings> и <pt-setting>настройки.

Если вы не уверены в правильности своих действий, не редактируйте элементы СБИС, т.к. это может привести к ошибкам и повреждению печатной формы.

Элементы подчиняются строгой иерархии: pt-property можно добавить в pt-expression, pt-expression — в pt-qrcode, pt-qrcode — в pt-table. Обратный порядок невозможен.

Свойство

  • contenteditable="false" — запрещает попадание в служебную часть постороннего содержимого в режиме визуального редактирования.
  • property-id — добавляется автоматически в зависимости от name.
  • name — название свойства в панели «Доступные поля», должно содержать все уровни вложенности (например, если поле «Номер» находится в разделе «Документ», то name=«Документ.Номер»).

Перемещаемые элементы: параметры с типами Print (печать), Image (логотип), Signature (Подпись).

Структура немного отличается от простых свойств:

  • draggable_psewdo — перемещаемый элемент.
  • Print/Signature/Image — отвечает за отображаемое изображение в визуальном редакторе. Подставляется из типа, указанного в панели «Доступные поля».

Остальная структура как и у простого свойства.

Вычисляемое выражение

  • name — название выражения, значение необязательное и заполняется по желанию.
  • Элемент <pt-value> — содержимое вычисляемого выражения, состоит из простых свойств <pt-property>, математических и JavaScript функций.

Знаки сравнения < (меньше) и > (больше) должны быть указаны при помощи &amp;lt; и &amp;gt;.

Пример:

QR-код/Штрихкод

  • draggable_psewdo — перемещаемый элемент.
  • QR — обязательный атрибут для всех типов штрихкодов.
  • shtrih — вспомогательный, добавляется для форматов кода «EAN-8», «EAN-13» и «Code 128».

Таблица

Настройки свойств элемента

<pt-settings> — указывает конвертору и валидатору, что у свойства есть настройки.

<pt-setting> — содержит описание настройки.

Свойство

Описание

Значения

Пример

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

defaultЗначение свойства по умолчанию. Значение должно соответствовать типу свойства. Например, если свойство — числовое, то значение по умолчанию тоже должно быть числом. <pt-setting
name="default"
value="0">
</pt-setting>
typeТип свойства (Например, текст, дата, время)Text
Date
Time
Float

и др.
<pt-setting
name="type"
value="Text">
</pt-setting>
formatФормат даты и времени для типов Date, DateTime, Time. Используется язык Python%d %B %Y
%Y %d %m
и др.
<pt-setting
name="format"
value="%d %B %Y">
</pt-setting>

Свойства изображения

auto-sizeАвтоматический размер свойства-изображенияtrue
false
<pt-setting
name="auto-size"
value="true">
</pt-setting>
typeТипы изображенийPrint
Signature
Image
<pt-setting
name="type"
value="Print">
</pt-setting>

QR/штрихкоды

sizeРазмер изображения100
150px
<pt-setting
name="size"
value="150px">
</pt-setting>
typeТип штрихкодаQR
EAN-8
EAN-13
Code 128
<pt-setting
name="type"
value="EAN-8">
</pt-setting>

Таблицы

repeat-headerПовторение шапки таблицыtrue
false
<pt-setting
name="repeat-header"
value="true">
</pt-setting>
repeat-footerПовторение итогов таблицыtrue
false
<pt-setting
name="frepeat-footer"
value="true">
</pt-setting>