Печатные формы

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

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

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

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

Основные:

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

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

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

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

<pt-table>
    <pt-qrcode>
        <pt-expression>
            <pt-property>
            </pt-property>
        </pt-expression>
    </pt-qrcode>
</pt-table>

Свойство

<span class="property"contenteditable="false">
    <pt-property property-id="Интификатор свойства" name="Название свойства">
        <pt-title>Отображаемое название свойства</pt-title>
        <pt-settings>
            Настройки свойств элемента
        </pt-settings>
    </pt-property>
</span>
  • contenteditable="false" — запрещает попадание в служебную часть постороннего содержимого в режиме визуального редактирования.
  • property-id — добавляется автоматически в зависимости от name.
  • name — название свойства в панели «Доступные поля», должно содержать все уровни вложенности (например, если поле «Номер» находится в разделе «Документ», то name=«Документ.Номер»).

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

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

<span class="draggable_psewdo Print" contenteditable="false" data-parsertype="Print" style="position: absolute; display: block; width: 150px; height: 150px; z-index: 182;">
    <pt-property property-id="Идентификатор свойства" name="Название свойства">
        <pt-title>Отображаемое название свойства</pt-title>
        <pt-settings>
            Настройки свойств элемента
        </pt-settings>
    </pt-property>
</span>
  • draggable_psewdo — перемещаемый элемент.
  • Print/Signature/Image — отвечает за отображаемое изображение в визуальном редакторе. Подставляется из типа, указанного в панели «Доступные поля».

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

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

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

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

Пример:

<pt-expression name="Сумма по документу">
    <pt-title>Сумма по документу</pt-title>
    <pt-value>
        (<pt-property property-id="5" name="Документ.Сумма"></pt-property> != <pt-property property-id="6" name="Документ.Сумма без НДС"></pt-property>) ? ФорматДеньги(<pt-property property-id="6" name="Документ.Сумма без НДС"></pt-property>) + ' в том числе НДС ' + ФорматДеньги(<pt-property property-id="6" name="Документ.Сумма без НДС"></pt-property> - <pt-property property-id="6" name="Документ.Сумма без НДС"></pt-property>): ФорматДеньги(<pt-property property-id="6"name="Документ.Сумма без НДС"></pt-property>)
    </pt-value>
</pt-expression>

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

<span class="draggable_psewdo QR shtrih" contenteditable="false" style="width: 150px; height: 150px; position: absolute;" data-parsertype="QR">
    <pt-qrcode contenteditable="false">
        <pt-value>Содержимое штрихкода</pt-value>
        <pt-settings>
            Настройки свойств элемента
        </pt-settings>
    </pt-qrcode>
</span>
  • draggable_psewdo — перемещаемый элемент.
  • QR — обязательный атрибут для всех типов штрихкодов.
  • shtrih — вспомогательный, добавляется для форматов кода «EAN-8», «EAN-13» и «Code 128».

Таблица

<pt-table contenteditable="false" property-id="Идентификатор табличного свойства" name="Название табличного свойства">
    <pt-value>
        Таблица, в которой отображается табличное свойство
    </pt-value>
    <pt-settings>
        Настройки свойств элемента
    </pt-settings>
</pt-table>

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

<pt-settings>
    <pt-setting
                name="Название настройки"
                value="Значение настройки">
    </pt-setting>
</pt-settings>

<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>