Skip to content
PageBuilder
PageBuilder
Визуальный конструктор секций для MODX 3: черновик и публикация без перезаписи content ресурса
  • MODX 3
  • PHP 8.2
  • Vue 3
  1. Компоненты
  2. PageBuilder
  3. Типы полей
  4. Pro
  5. imask

Поле imask ​

Версия: Pro (advanced-fields).

Зачем этот тип ​

Телефон, ИНН или номер карты вводят по маске: лишние символы отсекаются сразу, а не только при проверке перед публикацией. Маску задают ключом mask, настройки IMask — maskOptions объектом или JSON-строкой. mask_options — тот же ключ.

Когда использовать ​

  • Телефон в форме обратной связи
  • Артикул или серийный номер фиксированной длины
  • Промокод по шаблону

Советы ​

Чистое число без маски: number.

Похожие типы ​

  • text без ограничения формата
  • url для ссылок, не телефонной маски

Настройка ​

json
{
  "name": "phone",
  "type": "imask",
  "label": "Телефон",
  "mask": "+7 (000) 000-00-00",
  "maskOptions": {
    "lazy": false
  },
  "tab": "Контент",
  "width": 100,
  "active": true
}

Значение ​

Строка с символами маски.

Данные секции ​

Ключ phone в данных секции:

json
{
  "phone": "+7 (495) 123-45-67"
}

Пример в chunk ​

modx
<a href="tel:[[+phone]]">[[+phone]]</a>
fenom
<a href="tel:{$phone|escape:'url'}">{$phone|escape}</a>

Общие свойства ​

Для полей с name, которые сохраняются в данных секции:

КлючТипРольПанель
tabstringПодзаголовок группы в инспектореда
width25, 33, 50, 66, 75, 100Ширина поля в % строки (flex); в CMP только эти значенияда
descriptionstringПодсказка под подписьюда
defaultanyНачальное значение новой секциида
activeboolfalse: скрыть поле в инспектореда
requiredboolОбязательно при publish (черновик сохраняется)да

Подробнее: обзор полей.

Дальше ​