РЕДАКТИРОВАНИЕ 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-value>
<выражение></pt-value>
</pt-expression>
  • name — название выражения, значение необязательное и заполняется по желанию.
  • Элемент <pt-value> — содержимое вычисляемого выражения, состоит из простых свойств <pt-property>, математических и JavaScript функций. 

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

Пример:

<pt-expression name="Сумма по документу">
    <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>

Права и роли

0
0
Оставьте свой отзыв:
ОТПРАВИТЬ